:root {
	--cap-primary-color: #0d9ecc;
	--cap-primary-color-hover: #0782a9;
	--set-where: user.css
}

#cap-item {
	display: inline-block;
	width: 100%;
	margin: 0 0 20px 0
}

#cap-item .cap-head {
	border-top: 1px solid #ccc;
	padding: 18px 12px 0 12px;
	display: inline-block;
	width: 100%;
	margin: 0 0 15px 0;
	font-size: 18px;
	color: #000;
	font-weight: 700;
	line-height: 20px
}

#cap-item .cap-subhead {
	padding: 18px 12px 0 12px;
	border-top: 1px solid #ccc;
	display: inline-block;
	width: 100%;
	margin: 0 0 12px 0;
	font-size: 16px;
	color: #000;
	font-weight: 700;
	line-height: 18px
}

#cap-item .cap-section {
	display: flex;
	width: 100%;
	margin: 0 0 15px 0;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: stretch;
	justify-content: space-between
}

#cap-item .cap-item-elem {
	line-height: 16px;
	width: 100%;
	margin: 0;
	padding: 12px 6px;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: nowrap
}

#cap-item .cap-item-elem>svg,
#cap-item .cap-item-elem>img,
#cap-item .cap-item-elem>i {
	margin: 0 6px 0 0;
	height: 18px;
	line-height: 16px;
	width: 16px;
	font-size: 16px;
	min-width: 16px
}

#cap-item .cap-item-elem>svg.cap-chk {
	fill: var(--cap-primary-color)
}

#cap-item .cap-item-elem .cap-show-data {
	display: flex;
	flex-direction: column;
	align-self: center;
	align-content: flex-start;
	align-items: flex-start
}

#cap-item .cap-item-elem .cap-show-data .cap-show-value {
	font-weight: 700;
	font-size: 15px;
	color: #111;
	max-height: 32px;
	overflow: hidden;
	word-wrap: break-word;
	word-break: break-word
}

#cap-item .cap-item-elem .cap-show-data .cap-show-label {
	font-weight: 400;
	font-size: 13px;
	color: #444
}

#cap-item .cap-item-elem .cap-show-data em {
	font-style: normal;
	font-size: 12px
}

#cap-item .cap-item-elem .cap-show3-label {
	font-weight: 700;
	margin-right: 3px
}

#cap-item .cap-item-elem em {
	font-style: normal;
	font-size: 12px
}

#cap-item .cap-item-elem em.cap-of-oposite {
	font-weight: 400;
	text-decoration: line-through
}

#cap-item .cap-section.cap-section-main {
	padding: 6px 12px;
	justify-content: flex-start
}

#cap-item .cap-section.cap-section-main .cap-item-elem {
	align-items: center;
	width: calc(33.3% - 10px);
	padding: 0;
	margin: 0 10px 15px 0;
	justify-content: flex-start;
	align-items: flex-start
}

#cap-item .cap-item-elem.cap-style-main>svg,
#cap-item .cap-item-elem.cap-style-main>img,
#cap-item .cap-item-elem.cap-style-main>i {
	margin: 0 12px 0 0;
	width: 28px;
	min-width: 28px;
	text-align: center;
	height: 28px;
	font-size: 28px;
	line-height: 28px;
	fill: var(--cap-primary-color);
	color: var(--cap-primary-color)
}

#cap-item .cap-section.cap-section-extra {
	padding: 6px 12px;
	justify-content: flex-start
}

#cap-item .cap-section.cap-section-extra .cap-item-elem {
	align-items: center;
	width: calc(33.3% - 10px);
	padding: 0;
	margin: 0 10px 15px 0;
	justify-content: flex-start;
	align-items: flex-start
}

#cap-item .cap-section.cap-section-extra .cap-item-elem .cap-show-value {
	font-size: 18px;
	line-height: 20px
}

#cap-item .cap-section.cap-section-extra .cap-item-elem .cap-show-value em {
	font-size: 15px;
	font-style: normal
}

#cap-item .cap-section.cap-section-extra .cap-item-elem>svg,
#cap-item .cap-section.cap-section-extra .cap-item-elem>img,
#cap-item .cap-section.cap-section-extra .cap-item-elem>i {
	margin: 2px 12px 0 1px;
	width: 32px;
	min-width: 32px;
	text-align: center;
	height: 32px;
	line-height: 32px;
	font-size: 32px;
	fill: var(--cap-primary-color);
	color: var(--cap-primary-color)
}

#cap-item .cap-section.cap-section-data .cap-item-elem {
	width: 100%;
	justify-content: space-between;
	font-size: 14px;
	line-height: 16px
}

#cap-item .cap-section.cap-section-data .cap-item-elem>div {
	width: 50%;
	text-align: left;
	padding: 0 6px
}

#cap-item .cap-section.cap-section-data .cap-item-elem>div.cap-show3-value {
	padding-left: 12px
}

#cap-item .cap-section.cap-section-data .cap-item-elem:nth-child(odd) {
	background: #f4f4f4
}

#cap-item .cap-section.cap-section-bool .cap-item-elem {
	width: 50%;
	font-weight: 600;
	font-size: 14px;
	padding-left: 12px;
	padding-right: 12px;
	line-height: 16px;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start
}

#cap-item .cap-section.cap-section-bool .cap-item-elem .cap-show2-value {
	padding: 0 2px
}

#cap-item .cap-section.cap-section-bool .cap-item-elem:nth-child(4n+1),
#cap-item .cap-section.cap-section-bool .cap-item-elem:nth-child(4n+2) {
	background: #f4f4f4
}

#cap-item .cap-section.cap-section-detail .cap-item-elem {
	width: 100%;
	font-size: 14px;
	line-height: 18px;
	padding: 0 12px;
	display: inline-block
}

#cap-item .cap-section.cap-section-detail .cap-item-elem .cap-show4-value {
	font-size: 15px;
	line-height: 20px
}

#cap-item .cap-section.cap-section-sub {
	justify-content: flex-start;
	padding: 0 12px
}

#cap-item .cap-section.cap-section-sub .cap-item-elem {
	font-size: 13px;
	font-weight: 600;
	color: #222;
	max-width: 280px;
	line-height: 16px;
	padding: 5px 10px 5px 8px;
	border: 2px solid var(--cap-primary-color);
	border-radius: 4px;
	width: auto;
	margin: 0 6px 6px 0;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: nowrap;
	flex-direction: row
}

#cap-item .cap-item-elem.cap-style-sub>svg,
#cap-item .cap-item-elem.cap-style-sub>img,
#cap-item .cap-item-elem.cap-style-sub>i {
	margin: 0 6px 0 0;
	width: auto;
	min-width: 14px;
	text-align: center;
	height: 14px;
	font-size: 14px;
	line-height: 14px;
	fill: var(--cap-primary-color);
	color: var(--cap-primary-color)
}

#cap-item .cap-section.cap-section-sub .cap-item-elem .cap-show5-value {
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

#cap-item.cap-compact-yes .cap-section.cap-section-sub .cap-item-elem {
	margin: 0 4px 4px 0;
	border-width: 1px;
	padding: 3px 6px 3px 4px;
	font-size: 12px;
	line-height: 15px;
	font-weight: 400
}

#cap-item.cap-compact-yes .cap-item-elem.cap-style-sub>svg,
#cap-item.cap-compact-yes .cap-item-elem.cap-style-sub>img,
#cap-item.cap-compact-yes .cap-item-elem.cap-style-sub>i {
	min-width: 12px;
	height: 12px;
	font-size: 12px;
	line-height: 12px;
	margin-right: 4px
}

#cap-item.cap-item-attr {
	margin: 0
}

#cap-item.cap-item-attr .cap-subhead {
	margin: 0 0 6px 0;
	padding: 0;
	border: none;
	font-size: 14px;
	line-height: 15px
}

#cap-item.cap-item-attr.cap-display-bool .cap-subhead {
	padding-left: 4px;
	padding-right: 4px
}

#cap-item.cap-item-attr .cap-section {
	align-items: flex-start;
	justify-content: flex-start;
	margin: 0;
	padding: 0
}

#cap-item.cap-item-attr .cap-item-elem {
	width: auto;
	margin: 0 6px 6px 0;
	padding: 0
}

#cap-item.cap-item-attr .cap-show7-label {
	margin-right: 4px;
	font-weight: 600
}

#cap-item.cap-item-attr .cap-show7-label:after {
	content: ":"
}

#cap-item.cap-item-attr .cap-show7-value:after,
#cap-item.cap-item-attr .cap-show8-value:after {
	content: ","
}

#cap-item.cap-item-attr .cap-show6-value:after {
	content: "\2022";
	margin: 0 0 0 6px
}

#cap-item.cap-item-attr .cap-item-elem:last-child .cap-show7-value:after,
#cap-item.cap-item-attr .cap-item-elem:last-child .cap-show8-value:after,
#cap-item.cap-item-attr .cap-item-elem:last-child .cap-show6-value:after {
	content: ""
}

#cap-item.cap-item-attr .cap-show8-label {
	margin-right: 4px;
	font-weight: 600
}

#cap-item .cap-item-elem.cap-style-icon_value {
	display: flex;
	flex-direction: column;
	align-content: center;
	align-items: center;
	margin: 0 10px 6px 0
}

#cap-item.cap-align-left .cap-item-elem.cap-style-icon_value {
	align-items: flex-start
}

#cap-item .cap-item-elem.cap-style-icon_value .cap-show9-value {
	font-size: 13px;
	line-height: 14px;
	max-width: 96px;
	height: 28px;
	font-weight: 600;
	text-align: center;
	margin-top: 2px;
	display: flex;
	align-items: center
}

#cap-item .cap-item-elem.cap-style-icon_value .cap-show9-value>span {
	display: inline-block;
	word-break: break-word;
	max-height: 28px;
	overflow: hidden;
	word-wrap: break-word;
	word-break: break-word
}

#cap-item .cap-item-elem.cap-style-icon_value>svg,
#cap-item .cap-item-elem.cap-style-icon_value>img,
#cap-item .cap-item-elem.cap-style-icon_value>i {
	margin: 2px 0 0 0;
	width: auto;
	text-align: center;
	height: 18px;
	font-size: 18px;
	line-height: 18px;
	fill: var(--cap-primary-color);
	color: var(--cap-primary-color)
}

#cap-item.cap-compact-yes .cap-item-elem.cap-style-icon_value {
	margin-right: 6px
}

#cap-item.cap-compact-yes .cap-item-elem.cap-style-icon_value .cap-show9-value {
	font-size: 12px;
	line-height: 12px;
	max-width: 54px;
	font-weight: 400;
	letter-spacing: -.2px;
	margin-top: 1px
}

#cap-item.cap-compact-yes .cap-item-elem.cap-style-icon_value>svg,
#cap-item.cap-compact-yes .cap-item-elem.cap-style-icon_value>img,
#cap-item.cap-compact-yes .cap-item-elem.cap-style-icon_value>i {
	height: 14px;
	font-size: 14px;
	line-height: 14px
}

#cap-item .cap-item-elem.cap-style-icon_value_alt {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin: 0 12px 12px 0
}

#cap-item.cap-align-left .cap-item-elem.cap-style-icon_value_alt {
	align-items: flex-start
}

#cap-item .cap-item-elem.cap-style-icon_value_alt .cap-show12-value {
	font-size: 14px;
	line-height: 16px
}

#cap-item .cap-item-elem.cap-style-icon_value_alt>svg,
#cap-item .cap-item-elem.cap-style-icon_value_alt>img,
#cap-item .cap-item-elem.cap-style-icon_value_alt>i {
	margin: 0 5px 0 0;
	width: auto;
	height: 16px;
	font-size: 16px;
	line-height: 16px;
	fill: var(--cap-primary-color);
	color: var(--cap-primary-color)
}

#cap-item.cap-compact-yes .cap-item-elem.cap-style-icon_value_alt {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	margin: 0 6px 6px 0
}

#cap-item.cap-compact-yes .cap-item-elem.cap-style-icon_value_alt .cap-show12-value {
	font-size: 13px;
	line-height: 14px
}

#cap-item.cap-compact-yes .cap-item-elem.cap-style-icon_value_alt>svg,
#cap-item.cap-compact-yes .cap-item-elem.cap-style-icon_value_alt>img,
#cap-item.cap-compact-yes .cap-item-elem.cap-style-icon_value_alt>i {
	margin: 0 2px 0 0;
	height: 12px;
	width: 12px;
	font-size: 12px;
	line-height: 12px;
	fill: var(--cap-primary-color);
	color: var(--cap-primary-color)
}

#cap-item .cap-item-elem.cap-style-icon_value_label,
#cap-item .cap-item-elem.cap-style-icon_label_value {
	display: flex;
	flex-direction: column;
	align-content: center;
	align-items: flex-start;
	margin: 0 16px 10px 0
}

#cap-item.cap-align-center .cap-item-elem.cap-style-icon_value_label,
#cap-item.cap-align-center .cap-item-elem.cap-style-icon_label_value {
	align-items: center
}

#cap-item .cap-item-elem.cap-style-icon_value_label .cap-show10-value,
#cap-item .cap-item-elem.cap-style-icon_label_value .cap-show10-value {
	font-size: 13px;
	line-height: 14px;
	font-weight: 600;
	text-align: left;
	max-width: 140px
}

#cap-item .cap-item-elem.cap-style-icon_value_label .cap-show10-label,
#cap-item .cap-item-elem.cap-style-icon_label_value .cap-show10-label {
	font-size: 12px;
	line-height: 13px;
	font-weight: 400;
	text-align: left;
	margin-top: 0
}

#cap-item .cap-item-elem.cap-style-icon_value_label>svg,
#cap-item .cap-item-elem.cap-style-icon_value_label>img,
#cap-item .cap-item-elem.cap-style-icon_value_label>i,
#cap-item .cap-item-elem.cap-style-icon_label_value>svg,
#cap-item .cap-item-elem.cap-style-icon_label_value>img,
#cap-item .cap-item-elem.cap-style-icon_label_value>i {
	margin: 2px 0 4px 2px;
	width: auto;
	text-align: center;
	height: 18px;
	line-height: 18px;
	font-size: 18px;
	fill: var(--cap-primary-color);
	color: var(--cap-primary-color)
}

#cap-item.cap-compact-yes .cap-item-elem.cap-style-icon_value_label,
#cap-item.cap-compact-yes .cap-item-elem.cap-style-icon_label_value {
	margin: 0 10px 8px 0
}

#cap-item.cap-compact-yes .cap-item-elem.cap-style-icon_value_label .cap-show10-value,
#cap-item.cap-compact-yes .cap-item-elem.cap-style-icon_label_value .cap-show10-value {
	font-size: 12px;
	line-height: 12px;
	font-weight: 600;
	letter-spacing: -.2px
}

#cap-item.cap-compact-yes .cap-item-elem.cap-style-icon_value_label .cap-show10-label,
#cap-item.cap-compact-yes .cap-item-elem.cap-style-icon_label_value .cap-show10-label {
	font-size: 11px;
	line-height: 11px;
	font-weight: 400;
	letter-spacing: -.2px
}

#cap-item.cap-compact-yes .cap-item-elem.cap-style-icon_value_label>svg,
#cap-item.cap-compact-yes .cap-item-elem.cap-style-icon_value_label>img,
#cap-item.cap-compact-yes .cap-item-elem.cap-style-icon_value_label>i,
#cap-item.cap-compact-yes .cap-item-elem.cap-style-icon_label_value>svg,
#cap-item.cap-compact-yes .cap-item-elem.cap-style-icon_label_value>img,
#cap-item.cap-compact-yes .cap-item-elem.cap-style-icon_label_value>i {
	height: 14px;
	line-height: 14px;
	font-size: 14px;
	margin-bottom: 3px
}

#cap-item.cap-item-attr.cap-display-checks .cap-item-elem {
	margin: 0 12px 6px 0
}

#cap-item .cap-item-elem.cap-style-checks>svg,
#cap-item .cap-item-elem.cap-style-checks>img,
#cap-item .cap-item-elem.cap-style-checks>i {
	margin: 0 4px 0 0;
	width: auto;
	text-align: center;
	height: 14px;
	line-height: 14px;
	font-size: 14px;
	fill: var(--cap-primary-color);
	color: var(--cap-primary-color)
}

#cap-item.cap-item-attr.cap-display-checks.cap-compact-yes .cap-item-elem {
	margin: 0 8px 4px 0
}

#cap-item.cap-item-attr.cap-display-checks.cap-compact-yes .cap-item-elem .cap-show2-value {
	font-size: 13px;
	line-height: 14px
}

#cap-item.cap-compact-yes .cap-item-elem.cap-style-checks>svg,
#cap-item.cap-compact-yes .cap-item-elem.cap-style-checks>img,
#cap-item.cap-compact-yes .cap-item-elem.cap-style-checks>i {
	margin: 0 1px 0 0;
	height: 12px;
	font-size: 12px;
	line-height: 14px
}

#cap-item.cap-item-attr .cap-section.cap-section-bool .cap-item-elem {
	margin: 0;
	padding: 4px;
	width: 160px;
	background: #fff0;
	align-items: center;
	font-weight: 400
}

#cap-item.cap-item-attr .cap-section.cap-section-bool .cap-item-elem .cap-show2-value {
	padding: 0;
	font-size: 13px;
	line-height: 14px;
	max-height: 28px;
	overflow: hidden;
	word-wrap: break-word;
	word-break: break-word
}

#cap-item.cap-item-attr .cap-section-bool .cap-item-elem>svg,
#cap-item.cap-item-attr .cap-section-bool .cap-item-elem>img,
#cap-item.cap-item-attr .cap-section-bool .cap-item-elem>i {
	height: 15px;
	line-height: 15px;
	font-size: 15px;
	margin: 0 4px 0 0;
	align-self: flex-start
}

.cap-search {
	display: inline-block;
	width: 100%;
	margin: 0 0 20px 0
}

.cap-search .cap-section-top {
	display: flex;
	align-items: stretch;
	width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	margin: 0 0 -1px 0;
	background: #f0f0f0;
	border-radius: 4px 4px 0 0;
	padding: 4px 5px 0 5px
}

.cap-search .cap-section-top a {
	text-decoration: none;
	color: #333;
	background: #fff;
	border-radius: 4px 4px 0 0;
	width: auto;
	margin: 0 3px 0 0;
	flex: none;
	display: flex;
	flex-direction: column;
	align-content: center;
	justify-content: center;
	align-items: center;
	text-align: center;
	padding: 4px 6px;
	min-width: 68px;
	max-width: 120px;
	height: 72px;
	border-top: 3px solid #fff0;
	border-left: 1px solid #fff0;
	border-right: 1px solid #fff0;
	box-sizing: border-box
}

.cap-search .cap-section-top a:last-child {
	margin-right: 0
}

.cap-search .cap-section-top a:not(.cap-active) {
	border-top-color: transparent !important
}

.cap-search .cap-section-top a:not(.cap-active):hover {
	text-decoration: none;
	background: #f4f4f4
}

.cap-search .cap-section-top a.cap-active {
	position: relative;
	z-index: 3;
	background: #fff;
	text-decoration: none;
	border-color: #ccc;
	border-top-color: var(--cap-primary-color);
	border-radius: 4px 4px 0 0;
	text-align: center
}

.cap-search .cap-section-top a svg,
.cap-search .cap-section-top a i,
.cap-search .cap-section-top a img {
	width: auto;
	height: 28px;
	max-width: 100%;
	display: inline-block;
	margin: 2px auto
}

.cap-search .cap-section-top a:not(.cap-active) svg,
.cap-search .cap-section-top a:not(.cap-active) i {
	fill: #555 !important;
	color: #555 !important
}

.cap-search .cap-section-top a:not(.cap-active):hover svg,
.cap-search .cap-section-top a:not(.cap-active):hover i {
	fill: #333 !important;
	color: #333 !important
}

.cap-search .cap-section-top a i {
	font-size: 24px;
	line-height: 28px
}

.cap-search .cap-section-top a.cap-active {
	color: var(--cap-primary-color)
}

.cap-search .cap-section-top a.cap-active svg,
.cap-search .cap-section-top a.cap-active i {
	fill: var(--cap-primary-color);
	color: var(--cap-primary-color)
}

.cap-search .cap-section-top a div {
	font-size: 14px;
	line-height: 14px;
	height: 28px;
	display: flex;
	align-items: center;
	word-break: normal
}

.cap-search .cap-input-box input.cap-input.cap-has-meas,
.cap-search-hook .cap-input-box input.cap-input.cap-has-meas {
	padding-right: 40px
}

.cap-search .cap-input-box .cap-meas,
.cap-details-values .cap-input-box .cap-meas,
.cap-search-hook .cap-input-box .cap-meas {
	position: absolute;
	right: 4px;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: -.2px;
	bottom: 5px;
	line-height: 18px;
	font-style: normal;
	padding: 6px 4px 6px 3px;
	background: #fff
}

.cap-search:not(.cap-publish) .cap-section-body {
	display: none;
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 0 0 4px 4px;
	padding: 12px 0 12px 12px;
	background: #fff;
	position: relative;
	z-index: 2
}

.cap-search .cap-section-body.cap-active {
	display: flex;
	flex-direction: column
}

.cap-search .cap-section-body .cap-head {
	display: inline-block;
	width: 100%;
	margin: 4px 0 10px 0;
	font-size: 17px;
	color: #000;
	font-weight: 700;
	line-height: 18px
}

.cap-search .cap-section-body .cap-text {
	display: inline-block;
	width: 100%;
	margin: 0 0 15px 0;
	font-size: 14px;
	line-height: 18px;
	color: #333
}

.cap-search .cap-section-body .cap-subhead {
	display: block;
	width: 100%;
	clear: both;
	float: left;
	padding-top: 18px;
	border-top: 1px solid #ccc;
	width: 100%;
	margin: 2px 0 12px 0;
	font-size: 15px;
	color: #000;
	font-weight: 700;
	line-height: 16px
}

.cap-search .cap-section-body .cap-subhead.cap-bot {
	margin-bottom: 0;
	font-size: 16px
}

.cap-search .cap-section-body .cap-subhead.cap-bot+.cap-section-mid.cap-bot {
	border-top: none;
	padding-top: 6px
}

.cap-search .cap-section-mid {
	display: flex;
	flex-flow: row wrap;
	float: left;
	clear: both;
	width: 100%
}

.cap-search .cap-section-mid.cap-bot {
	padding-top: 20px;
	border-top: 1px solid #ccc;
	margin-top: 2px
}

.cap-search .cap-section-mid>.cap-input-box {
	width: calc(50% - 12px);
	margin: 0 12px 20px 0;
	min-width: 100px
}

.cap-search .cap-section-mid>.cap-input-box.cap-maxsize {
	width: calc(100% - 12px)
}

!.cap-search .cap-section-mid>.cap-input-box:nth-child(even) {
	margin-right: 0
}

!.cap-search .cap-section-mid>.cap-input-box.cap-range .cap-range-wrap .cap-input-box:last-child {
	margin-right: 0
}

.cap-search.cap-width-medium .cap-section-mid>.cap-input-box.cap-checkbox:nth-child(odd):last-child {
	margin-top: -4px
}

.cap-search.cap-width-medium .cap-section-mid>.cap-input-box.cap-checkbox:nth-child(odd):last-child>label.cap-label {
	padding: 0
}

.cap-search .cap-section-mid>.cap-input-box>label.cap-label,
.cap-search .cap-section-mid>.cap-input-box>.cap-line {
	font-size: 14px;
	line-height: 16px
}

.cap-search .cap-section-mid>.cap-input-box .cap-range-wrap>.cap-input-box {
	margin-bottom: 0
}

.cap-search .cap-section-mid>.cap-input-box .cap-range-wrap>.cap-input-box:last-child {
	margin-right: 0
}

.cap-search .cap-section-mid>.cap-input-box.cap-checkbox {
	margin-top: 18px
}

.cap-search .cap-section-mid>.cap-input-box.cap-checkbox>label.cap-label {
	padding: 9px 0;
	font-weight: 600
}

.cap-search .cap-section-mid>.cap-input-box.cap-checkbox>label.cap-label input[type="checkbox"] {
	width: 24px;
	height: 22px;
	max-width: 22px;
	margin-right: 7px
}

.cap-search .cap-section-mid>.cap-input-box.cap-checkbox>label.cap-label input[type="checkbox"]:checked::before {
	width: 26px;
	height: 26px
}

.cap-search .cap-section-mid>.cap-input-box.cap-checkbox>label.cap-label span {
	font-size: 15px;
	line-height: 18px;
	margin: 2px 0
}

.cap-search .cap-section-mid.cap-buttons {
	width: 100%;
	clear: both;
	margin: 0 0 8px 0;
	float: left
}

.cap-search .cap-section-mid.cap-buttons>.cap-input-box {
	margin-bottom: 10px;
	display: inline-grid
}

.cap-search .cap-section-mid.cap-buttons>.cap-input-box a {
	height: 44px;
	overflow: hidden;
	display: flex;
	border-radius: 4px;
	border: 1px solid #ccc;
	background: #fff;
	font-weight: 600;
	padding: 5px 32px 5px 10px;
	font-size: 14px;
	color: #333;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center
}

.cap-search .cap-section-mid.cap-buttons>.cap-input-box a:hover {
	text-decoration: none;
	background: #f4f4f4
}

.cap-search .cap-section-mid.cap-buttons>.cap-input-box a svg.cap-angle {
	position: absolute;
	right: 12px;
	top: calc(50% - 8px);
	width: auto;
	height: 16px;
	fill: #999
}

.cap-search .cap-section-mid.cap-buttons>.cap-input-box a svg:not(.cap-angle),
.cap-search .cap-section-mid.cap-buttons>.cap-input-box a.cap-open-detail>i,
.cap-search .cap-section-mid.cap-buttons>.cap-input-box a.cap-open-detail>img {
	width: 21px;
	height: 19px;
	line-height: 19px;
	font-size: 19px;
	text-align: center;
	fill: var(--cap-primary-color);
	color: var(--cap-primary-color);
	margin: -2px 10px -1px 0
}

.cap-search .cap-section-mid.cap-buttons>.cap-input-box a .cap-btn-text {
	line-height: 16px;
	height: 32px;
	width: calc(100% - 32px);
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center
}

.cap-search .cap-section-mid.cap-buttons>.cap-input-box a .cap-btn-text>strong {
	max-height: 31px;
	overflow: hidden;
	word-wrap: break-word;
	word-break: break-all
}

.cap-search .cap-section-mid.cap-buttons>.cap-input-box a .cap-btn-text.cap-has-desc>strong,
.cap-search .cap-section-mid.cap-buttons>.cap-input-box a .cap-btn-text.cap-has-desc>span {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	width: 100%;
	max-width: 100%;
	word-wrap: break-word;
	word-break: break-all
}

.cap-search .cap-section-mid.cap-buttons>.cap-input-box a .cap-btn-text.cap-has-desc>span {
	font-size: 12px;
	font-weight: 400;
	color: #777;
	line-height: 14px
}

.cap-search .cap-section-mid .cap-details {
	display: none
}

.cap-search .cap-section-action {
	display: flex;
	flex-flow: row wrap;
	width: 100%;
	margin: 8px 0 0 0
}

.cap-search.cap-simple .cap-section-action {
	margin: 0
}

.cap-search .cap-section-action>div {
	width: calc(50% - 12px);
	margin: 0 12px 0 0;
	min-width: 100px
}

!.cap-search .cap-section-action>div:last-child {
	margin-right: 0
}

#capModal.cap-search-box .cap-search .cap-section-action>div.cap-btn-close {
	text-align: center;
	padding: 10px 10px
}

.cap-search .cap-section-action button.cap-submit {
	padding: 7px;
	font-weight: 700;
	font-size: 16px;
	cursor: pointer;
	color: #fff;
	line-height: 18px;
	height: 44px;
	width: 100%;
	border-radius: 4px;
	text-align: center;
	display: inline-block;
	margin: 0;
	background: var(--cap-primary-color);
	color: #fff;
	box-shadow: none;
	border: none
}

.cap-search .cap-section-action button.cap-submit:hover {
	color: #fff;
	text-decoration: none;
	background: var(--cap-primary-color-hover)
}

.cap-search .cap-section-action a.cap-close {
	text-align: center;
	padding: 5px;
	font-size: 14px;
	color: #555;
	font-weight: 600;
	line-height: 18px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center
}

.cap-search .cap-section-action a.cap-close>svg {
	fill: #555;
	margin-right: 4px
}

.cap-search .cap-section-action a.cap-close:hover {
	color: #111;
	text-decoration: none
}

.cap-search .cap-section-action a.cap-close:hover>svg {
	fill: #111
}

.cap-search .cap-section-action a.cap-more {
	text-decoration: none;
	background: #e9e9e9;
	color: var(--cap-primary-color);
	border-radius: 4px;
	padding: 7px;
	font-weight: 600;
	font-size: 15px;
	line-height: 16px;
	height: 44px;
	display: flex;
	width: 100%;
	margin: 0;
	align-items: center;
	justify-content: center
}

.cap-search .cap-section-action a.cap-more svg {
	width: auto;
	height: 25px;
	fill: #333;
	margin-right: 10px
}

.cap-search .cap-section-action a.cap-more span {
	display: inline-block
}

.cap-search .cap-section-action a.cap-more:hover {
	text-decoration: none;
	background: #e0e0e0;
	color: var(--cap-primary-color-hover)
}

.cap-search .cap-input-box {
	min-width: 80px
}

.cap-search .cap-input-box.cap-groups .cap-input-box.cap-range {
	width: 100%
}

input[name="capDummyPlaceholder"]~input,
input[name="capDummyPlaceholder"]~select {
	display: none !important
}

input.cap-sync-generated,
select.cap-sync-generated {
	display: none !important
}

.cap-search.cap-style-borderless {
	margin-left: -12px;
	margin-right: -12px;
	width: calc(100% + 24px)
}

.cap-search.cap-style-borderless .cap-section-top {
	margin: 0 12px;
	width: calc(100% - 24px);
	background: #fff0;
	padding: 0
}

.cap-search.cap-style-borderless .cap-section-top>a {
	border-bottom: 1px solid #ccc;
	border-radius: 4px
}

.cap-search.cap-style-borderless .cap-section-top.cap-menu-advanced {
	background: #fff0;
	padding: 0 72px 0 0;
	margin: 0 12px 6px 12px;
	width: calc(100% - 24px)
}

.cap-search.cap-style-borderless .cap-section-top.cap-menu-advanced a.cap-special {
	top: 0;
	right: 0
}

.cap-search.cap-style-borderless .cap-section-top.cap-menu-advanced .cap-more-types {
	padding-top: 5px
}

.cap-search.cap-style-borderless:not(.cap-publish) .cap-section-body {
	border: none;
	background: #fff0
}

@media screen and (min-width:768px) {
	.cap-search.cap-width-large .cap-section-mid>.cap-input-box {
		width: calc(33.33% - 12px);
		min-width: 80px
	}
}

.cap-search .cap-section-top.cap-menu-advanced {
	background: #e0e0e0;
	overflow: initial;
	position: relative;
	padding: 4px 76px 4px 4px;
	display: flex;
	flex-direction: row;
	justify-content: flex-start
}

.cap-search .cap-section-top.cap-menu-advanced>a,
.cap-search .cap-section-top.cap-menu-advanced>a.cap-active {
	border-radius: 0;
	border: 1px solid #ccc !important;
	border-right: none !important;
	margin: 0
}

.cap-search .cap-section-top.cap-menu-advanced>a {
	width: 33.33%;
	max-width: unset
}

.cap-search .cap-section-top.cap-menu-advanced>a:first-child,
.cap-search .cap-section-top.cap-menu-advanced>a.cap-active:first-child {
	border-radius: 4px 0 0 4px
}

.cap-search .cap-section-top.cap-menu-advanced a.cap-special {
	width: 72px;
	min-width: 72px;
	max-width: 72px;
	position: absolute;
	right: 4px;
	top: 4px;
	border-radius: 0 4px 4px 0;
	border-right: 1px solid #ccc !important
}

.cap-search .cap-section-top.cap-menu-advanced a.cap-special.cap-active:not(.cap-opened)>div:after {
	content: "*";
	font-weight: 700
}

.cap-search .cap-section-top.cap-menu-advanced .cap-more-types {
	position: absolute;
	padding: 6px 0 0 6px;
	left: 0;
	border-radius: 0 0 4px 4px;
	top: 100%;
	margin-top: -1px;
	z-index: 4;
	max-width: 100%;
	width: 100%;
	display: flex;
	background: #e0e0e0;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: flex-start;
	display: none
}

.cap-search .cap-section-top.cap-menu-advanced .cap-more-types {
	padding-top: 2px
}

.cap-search .cap-section-top.cap-menu-advanced .cap-more-types a {
	width: calc(25% - 6px);
	max-width: unset;
	border: 1px solid #ccc !important;
	border-radius: 4px;
	margin: 0 6px 6px 0
}

.cap-search .cap-section-top.cap-menu-advanced.cap-menu-items-standard>a:not(.cap-special):nth-child(n+4) {
	display: none
}

.cap-search .cap-section-top.cap-menu-advanced.cap-menu-items-standard .cap-more-types>a:nth-child(-n+3) {
	display: none
}

@media screen and (max-width:767px) {
	.cap-search .cap-section-top.cap-menu-advanced.cap-menu-items-condensed>a:not(.cap-special):nth-child(n+4) {
		display: none
	}

	.cap-search .cap-section-top.cap-menu-advanced.cap-menu-items-condensed .cap-more-types>a:nth-child(-n+3) {
		display: none
	}
}

@media screen and (min-width:768px) and (max-width:1024px) {
	.cap-search .cap-section-top.cap-menu-advanced.cap-menu-items-condensed>a {
		width: 25%;
		display: flex
	}

	.cap-search .cap-section-top.cap-menu-advanced.cap-menu-items-condensed>a:not(.cap-special):nth-child(n+5) {
		display: none
	}

	.cap-search .cap-section-top.cap-menu-advanced.cap-menu-items-condensed .cap-more-types>a:nth-child(-n+4) {
		display: none
	}
}

@media screen and (min-width:1025px) and (max-width:1199px) {
	.cap-search .cap-section-top.cap-menu-advanced.cap-menu-items-condensed>a {
		width: 20%;
		display: flex
	}

	.cap-search .cap-section-top.cap-menu-advanced.cap-menu-items-condensed>a:not(.cap-special):nth-child(n+6) {
		display: none
	}

	.cap-search .cap-section-top.cap-menu-advanced.cap-menu-items-condensed .cap-more-types>a:nth-child(-n+5) {
		display: none
	}
}

@media screen and (min-width:1200px) {
	.cap-search .cap-section-top.cap-menu-advanced.cap-menu-items-condensed>a {
		width: 16.66%;
		display: flex
	}

	.cap-search .cap-section-top.cap-menu-advanced.cap-menu-items-condensed>a:not(.cap-special):nth-child(n+7) {
		display: none
	}

	.cap-search .cap-section-top.cap-menu-advanced.cap-menu-items-condensed .cap-more-types>a:nth-child(-n+6) {
		display: none
	}
}

.modal-content .cap-details-box {
	display: inline-block;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0
}

.modal-content .cap-details-box .cap-head {
	position: absolute;
	left: 0;
	top: 0;
	height: 50px;
	border-bottom: 1px solid #ccc;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 16px 44px 14px 20px;
	display: inline-block;
	width: 100%;
	font-size: 17px;
	color: #000;
	font-weight: 700;
	line-height: 20px
}

.modal-content .cap-details-box .cap-input-box {
	width: calc(33.3% - 20px);
	margin: 0 20px 20px 0
}

.modal-content .cap-details-box .cap-input-box.cap-groups {
	width: 100%;
	margin: 0 0 15px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding-top: 12px
}

.modal-content .cap-details-box .cap-input-box.cap-groups>.cap-line {
	margin-bottom: 0
}

.modal-content .cap-details-box .cap-input-box.cap-groups>.cap-groups-wrap .cap-line {
	font-size: 13px;
	line-height: 15px
}

.modal-content .cap-details-box .cap-input-box.cap-groups>.cap-groups-wrap .cap-input-box:not(.cap-range) {
	margin-bottom: 16px
}

.modal-content .cap-details-box .cap-input-box.cap-range {
	margin: 0;
	width: 66.6%
}

.modal-content .cap-details-box .cap-input-box.cap-range+.cap-input-box.cap-checkbox.cap-one {
	clear: both
}

.modal-content .cap-details-box .cap-input-box input[type="checkbox"] {
	width: 22px;
	height: 20px;
	min-width: 20px;
	max-width: 20px;
	margin-right: 6px
}

.modal-content .cap-details-box .cap-input-box input[type="checkbox"]+span {
	font-size: 15px;
	margin: 2px 0
}

.modal-content .cap-details-box .cap-input-box input[type=checkbox]:checked::before {
	width: 24px;
	height: 24px
}

#capModal .modal-body.modal-is-inline .modal-content {
	overflow-y: hidden
}

#capModal .modal-inside .modal-close {
	margin-right: 5px
}

.cap-details-values {
	position: absolute;
	top: 50px;
	bottom: 60px;
	left: 0;
	right: 0;
	overflow-y: scroll;
	padding: 15px 0 10px 20px
}

.cap-detail-footer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 10px;
	background: #fff;
	border-top: 1px solid #ccc;
	z-index: 3;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.cap-detail-footer>div {
	margin: 0 6px
}

.cap-detail-footer .cap-box-filter {
	position: relative;
	width: 240px
}

.cap-detail-footer .cap-box-filter svg.cap-icon {
	position: absolute;
	left: 10px;
	top: 10px;
	height: 20px;
	width: auto;
	z-index: 2;
	fill: var(--cap-primary-color)
}

.cap-detail-footer .cap-box-filter svg.cap-clear {
	display: none;
	position: absolute;
	right: 7px;
	top: calc(50% - 10px);
	width: 20px;
	height: 20px;
	fill: #444;
	cursor: pointer;
	z-index: 3
}

.cap-detail-footer .cap-box-filter input:focus+svg.cap-clear,
.cap-detail-footer .cap-box-filter input:hover+svg.cap-clear,
.cap-detail-footer .cap-box-filter svg.cap-clear:hover {
	display: block
}

.cap-detail-footer .cap-box-filter input[type="text"] {
	height: 40px;
	width: 100%;
	margin: 0;
	padding-left: 40px;
	padding-right: 32px
}

.cap-detail-footer a {
	padding: 11px 20px;
	height: 40px;
	display: inline-block;
	line-height: 18px;
	font-size: 15px;
	background: #e9e9e9;
	color: #333;
	border-radius: 4px;
	border: none
}

.cap-detail-footer a.cap-details-clear {
	background: #e9e9e9;
	color: #333;
	font-weight: 600
}

.cap-detail-footer a.cap-details-clear:hover {
	background: #e0e0e0;
	text-decoration: none
}

.cap-detail-footer a.cap-details-apply {
	font-size: 16px;
	font-weight: 700;
	background: var(--cap-primary-color);
	color: #fff;
	text-decoration: none
}

.cap-detail-footer a.cap-details-apply:hover {
	background: var(--cap-primary-color-hover);
	color: #fff;
	text-decoration: none
}

.cap-search.cap-simple .cap-search .cap-section-mid.cap-bot,
.cap-search.cap-simple .cap-section-body .cap-subhead,
.cap-search.cap-simple .cap-section-mid.cap-buttons,
.cap-search.cap-simple .cap-section-body .cap-text,
.cap-search.cap-simple .cap-section-mid.cap-bot {
	display: none
}

.cap-search.cap-medium .cap-section-body .cap-subhead,
.cap-search.cap-medium .cap-section-mid.cap-buttons {
	display: none
}

.cap-publish {
	display: grid;
	width: 100%;
	clear: both
}

.cap-publish .cap-head {
	display: inline-block;
	width: 100%;
	margin: 0 0 8px 0;
	font-size: 17px;
	color: #000;
	font-weight: 700;
	line-height: 18px
}

.cap-publish .cap-subhead {
	display: inline-block;
	width: 100%;
	border-top: 1px solid #ccc;
	padding: 20px 0 0 0;
	margin: 8px 0 10px 0;
	font-size: 16px;
	color: #000;
	font-weight: 700;
	line-height: 16px
}

.cap-publish .cap-input-box {
	width: calc(50% - 16px);
	margin: 0 16px 16px 0
}

.cap-publish .cap-input-box.cap-textarea {
	width: calc(100% - 16px)
}

.cap-publish .cap-input-box.cap-maxsize {
	width: calc(100% - 16px)
}

.cap-publish .cap-input-box.cap-groups {
	width: calc(100% - 16px);
	margin-right: 0;
	margin-bottom: 0
}

.cap-publish .cap-input-box.cap-groups .cap-input-box {
	width: calc(33.3% - 8px);
	margin-right: 12px
}

.cap-publish .cap-input-box.cap-groups .cap-input-box:last-child {
	margin-right: 0
}

.cap-publish .cap-type-wrap {
	padding: 0;
	background: #fff0;
	border-radius: 0;
	border: none;
	display: inline-block;
	width: 100%;
	clear: both;
	margin: 0;
	position: relative
}

.cap-publish .cap-type-wrap.cap-loading:before {
	content: "";
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	position: absolute;
	z-index: 9;
	cursor: wait;
	background: rgb(255 255 255 / .6)
}

.cap-publish .cap-input-box label.cap-label,
.cap-publish .cap-input-box .cap-line {
	font-size: 14px;
	line-height: 16px;
	display: inline-block
}

.cap-publish .cap-groups .cap-input-box .cap-line {
	font-size: 12px;
	line-height: 14px
}

.cap-publish .cap-section {
	display: inline-block;
	width: calc(100% + 16px);
	margin: 0 -16px 5px 0
}

.cap-publish .cap-section .cap-input-box {
	float: left
}

.cap-publish .cap-section .cap-input-box.cap-select+.cap-input-box.cap-checkbox {
	clear: both
}

.cap-publish .cap-section .cap-input-box.cap-input+.cap-input-box.cap-checkbox {
	clear: both
}

.cap-publish .cap-input-box.cap-delimiter+.cap-input-box.cap-checkbox {
	clear: both
}

.cap-publish .cap-input-box.cap-checkbox.cap-one {
	width: calc(50% - 10px);
	margin: 0 10px 10px 0;
	max-width: unset
}

.cap-publish .cap-input-box.cap-delimiter {
	display: none
}

.cap-publish .cap-input-wrap input.cap-input,
.cap-publish .cap-input-box input.cap-input,
.cap-publish .cap-input-box select.cap-input,
.cap-publish .cap-input-box textarea.cap-textarea {
	width: 100% !important;
	min-height: 40px
}

.cap-publish .cap-input-box input.cap-input {
	padding-right: 10px
}

.cap-publish .cap-input-box .cap-input[aria-invalid="true"],
.cap-publish .cap-input-box .cap-input[aria-invalid="true"]:focus,
.cap-publish .cap-input-box .cap-textarea[aria-invalid="true"],
.cap-publish .cap-input-box .cap-textarea[aria-invalid="true"]:focus,
.cap-publish .cap-input-box input.cap-input.error,
.cap-publish .cap-input-box textarea.cap-textarea.error {
	outline: 2px solid rgb(244 21 21 / .5) !important;
	border-color: rgb(244 21 21 / .5)
}

.cap-publish .cap-input-box input.cap-input.error:focus,
.cap-publish .cap-input-box textarea.cap-textarea.error:focus {
	outline: 2px solid rgb(244 21 21) !important;
	border-color: rgb(244 21 21)
}

.cap-publish .cap-input-box input.cap-input.cap-has-meas {
	padding-right: 40px
}

!.cap-publish .cap-input-box .cap-meas {
	position: absolute;
	right: 0;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: -.2px;
	bottom: 0;
	line-height: 19px;
	font-style: normal;
	padding: 10px 10px 10px 5px
}

.cap-publish .cap-req {
	font-style: normal
}

.item.item-post .form-horizontal .cap-input-box>label.cap-label {
	padding: 0
}

.item.item-post .form-horizontal .cap-values-wrap label.cap-value {
	padding: 10px
}

.item.item-post .form-horizontal .cap-values-wrap label.cap-value:not(.cap-active) {
	font-weight: 400
}

.cap-help-elem {
	display: inline-block;
	font-weight: 400;
	margin: 0 0 0 -1px;
	position: absolute
}

.cap-help-elem>svg {
	fill: #888;
	height: 13px;
	padding: 2px;
	margin-top: -1px;
	cursor: help;
	box-sizing: border-box
}

.cap-help-elem>div {
	display: none;
	position: absolute;
	bottom: 100%;
	margin-bottom: 6px;
	left: -12px;
	padding: 6px 8px;
	font-size: 13px;
	line-height: 15px;
	background: #fff;
	z-index: 8;
	border-radius: 5px;
	box-shadow: 0 1px 4px rgb(0 0 0 / .25);
	width: 180px;
	word-wrap: break-word;
	word-break: break-word;
	white-space: normal
}

.cap-help-elem>div:after {
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	background: #fff;
	position: absolute;
	left: 15px;
	bottom: -2px;
	transform: rotate(45deg);
	border-radius: 5px 0 0 0
}

.cap-help-elem:hover>svg {
	fill: var(--cap-primary-color)
}

.cap-help-elem:hover>div {
	display: block
}

.cap-details-box .cap-input-box:nth-child(-n+3) .cap-help-elem>div {
	top: 100%;
	bottom: auto;
	margin-top: 6px;
	margin-bottom: 0
}

.cap-details-box .cap-input-box:nth-child(-n+3) .cap-help-elem>div:after {
	top: -2px;
	bottom: auto;
	transform: rotate(135deg)
}

.cap-publish[data-theme="sigma"] {
	padding-left: 30%
}

.cap-publish[data-theme="bender"] {
	padding-left: 180px;
	margin-top: 20px
}

.post-edit #plugin-hook>.cap-publish[data-theme="delta"],
.post-edit #plugin-hook>.cap-publish[data-theme="gamma"],
.post-edit #plugin-hook>.cap-publish[data-theme="beta"],
.post-edit #plugin-hook>.cap-publish[data-theme="alpha"] {
	width: 153% !important
}

body.page-items .cap-publish[data-theme="sigma"] {
	padding-left: 0
}

body.page-items .cap-publish .cap-input-box label.cap-label,
body.page-items .cap-publish .cap-input-box .cap-line,
body.page-items #item-form label.cap-label {
	font-size: 13px;
	line-height: 16px;
	text-align: left;
	margin: 0 0 2px 0;
	padding: 0;
	float: left;
	clear: both;
	width: 100%;
	font-weight: 700;
	color: #111
}

body.page-items .cap-publish .cap-input-box.cap-checkbox label.cap-label,
body.page-items .cap-publish .cap-input-box.cap-checkbox .cap-line,
body.page-items #item-form .cap-input-box.cap-checkbox label.cap-label {
	font-weight: 600
}

body.page-items .cap-input-wrap {
	float: left;
	clear: both;
	width: 100%
}

.cap-search.cap-publish .cap-section-top {
	background: #fff0;
	padding: 0;
	margin: 0 0 16px 0;
	width: 100%;
	max-width: 100%
}

.cap-search.cap-publish .cap-section-top a {
	border: 1px solid #ccc !important;
	margin: 0 -1px 0 0;
	border-radius: 0
}

.cap-search.cap-publish .cap-section-top a:first-child {
	border-radius: 4px 0 0 4px
}

.cap-search.cap-publish .cap-section-top a:last-child {
	border-radius: 0 4px 4px 0
}

!.cap-search.cap-publish .cap-section-top {
	background: #eaeaea;
	margin: 0 0 -1px 0;
	justify-content: center;
	padding: 6px 6px 0 6px
}

!.cap-search.cap-publish .cap-section-top>a {
	background: #f4f4f4;
	margin: 0 4px 0 0
}

!.cap-search.cap-publish .cap-section-top>a:not(.cap-active):hover {
	background: #fff
}

!.cap-search.cap-publish .cap-section-top>a.cap-active {
	background: #fff
}

.cap-search.cap-publish .cap-section-top>a.cap-loading {
	cursor: wait
}

.cap-box-warn {
	padding: 35px 10px;
	font-family: monospace;
	background: #e4e4e4;
	border-radius: 6px;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center
}

.cap-box-warn strong {
	font-size: 20px;
	margin-bottom: 14px
}

.cap-input-box {
	position: relative;
	width: calc(33.3% - 10px);
	min-width: 120px;
	margin: 0 10px 10px 0;
	float: left
}

.cap-input-box.cap-textarea {
	width: 100%;
	margin-right: 0
}

.cap-input-box.cap-textarea textarea {
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	height: 96px;
	margin: 0
}

.cap-input-box.cap-range {
	width: calc(66.6% - 10px);
	min-width: 260px
}

.cap-input-box.cap-range .cap-range-wrap {
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: center
}

.cap-input-box.cap-range .cap-range-wrap>.cap-input-box {
	width: calc(50% - 2px)
}

.cap-input-box.cap-checkbox.cap-one {
	clear: none
}

.cap-input-box.cap-checkbox.cap-multi {
	width: 100%;
	margin-right: 0
}

.cap-input-box input[type="checkbox"],
#plugin-hook .cap-input-box input[type="checkbox"] {
	width: 18px;
	min-width: 18px;
	max-width: 18px;
	height: 18px;
	min-height: 18px;
	float: left;
	margin: 0 5px 0 0
}

.cap-input-box input[type="checkbox"]:focus {
	box-shadow: none;
	outline: none
}

.cap-input-box input[type="checkbox"]+span {
	display: inline-block;
	margin: 1px 0;
	line-height: 16px;
	font-size: 14px;
	width: calc(100% - 30px);
	max-width: calc(100% - 30px)
}

.cap-input-box label.cap-label,
.cap-input-box .cap-line {
	display: inline-block;
	width: 100%;
	max-width: 100%;
	margin: 0 0 3px 0;
	font-weight: 700;
	color: #222;
	text-align: left
}

.cap-input-box label.cap-label.fade,
.cap-input-box .cap-line.fade,
.cap-input-box .cap-line.fade+.cap-range-wrap {
	opacity: .3;
	cursor: default
}

.cap-input-box label.cap-label.fade+.cap-input-wrap {
	opacity: .3;
	cursor: default
}

.cap-input-box.cap-disabled label.cap-label {
	opacity: .6
}

.cap-input-box.cap-checkbox.cap-multi label.cap-label {
	width: calc(33.3% - 10px);
	min-width: 110px;
	float: left;
	margin: 0 10px 10px 0;
	font-weight: 400;
	clear: none
}

.cap-input-box.cap-checkbox.cap-one label.cap-label {
	width: 100%;
	margin: 0;
	font-weight: 400;
	padding: 0
}

.cap-search-hook .cap-input-box.cap-checkbox.cap-multi {
	max-height: 180px;
	overflow-y: auto
}

.cap-search-hook .cap-input-box.cap-checkbox.cap-multi label.cap-label {
	width: 100%;
	margin-right: 0
}

.cap-input-box.cap-delimiter {
	width: 100% !important;
	margin: 6px 0 22px 0 !important;
	padding: 0 !important;
	border-top: 1px solid #ccc
}

.cap-input-box .cap-counter {
	font-style: normal;
	position: absolute;
	top: calc(50% - 11px);
	z-index: 3;
	right: 30px;
	box-shadow: 0 1px 2px rgb(0 0 0 / .2);
	font-size: 11px;
	font-weight: 600;
	color: #fff;
	background: #111;
	border-radius: 100px;
	min-width: 22px;
	width: auto;
	height: 22px;
	text-align: center;
	line-height: 14px;
	padding: 4px 4px
}

.cap-input-box .cap-counter:before {
	content: "+";
	font-size: 9px;
	vertical-align: 1px;
	margin-left: -1px
}

.cap-input-box .cap-counter[data-count="0"],
.cap-input-box .cap-counter[data-count="1"] {
	display: none
}

.cap-input-box .cap-counter2 {
	font-style: normal;
	position: absolute;
	top: calc(50% - 11px);
	z-index: 3;
	right: 26px;
	box-shadow: 0 1px 2px rgb(0 0 0 / .2);
	font-size: 11px;
	font-weight: 600;
	color: #fff;
	background: #111;
	border-radius: 100px;
	min-width: 22px;
	width: auto;
	height: 22px;
	text-align: center;
	line-height: 14px;
	padding: 4px 4px
}

.cap-input-box .cap-counter2:after {
	content: "x";
	font-size: 9px;
	vertical-align: 1px
}

.cap-input-box .cap-counter2[data-count="0"] {
	display: none
}

.cap-input-wrap {
	position: relative;
	display: inline-block;
	width: 100%
}

.cap-input-wrap input.cap-input,
.cap-input-box input.cap-input,
.cap-input-box select.cap-input {
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 10px 28px 10px 10px;
	line-height: 18px;
	height: 40px
}

.cap-input-box select.cap-input {
	padding: 0 6px
}

.cap-input-box>input.cap-input {
	padding-right: 10px
}

.cap-input-box.cap-disabled input.cap-input {
	opacity: .5;
	cursor: not-allowed
}

!.cap-multi .cap-input-wrap input.cap-input {
	padding-right: 56px
}

.cap-input-wrap input.cap-input.cap-filter {
	display: none;
	position: relative;
	z-index: 4
}

.cap-input-wrap.cap-opened input.cap-input.cap-filter {
	display: block;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0
}

.cap-input-wrap.cap-opened input.cap-input.cap-display {
	display: none
}

.cap-input-wrap svg.cap-caret {
	position: absolute;
	right: 8px;
	top: calc(50% - 10px);
	width: 20px;
	height: 20px;
	fill: #444;
	z-index: 5
}

.cap-input-wrap svg.cap-clear {
	display: none;
	position: absolute;
	right: 8px;
	top: calc(50% - 10px);
	width: 20px;
	height: 20px;
	fill: #444;
	cursor: pointer;
	z-index: 5
}

input.cap-input,
select.cap-input,
textarea.cap-textarea,
[class^="cap-"],
#cap-item {
	box-sizing: border-box
}

.cap-values-list {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	display: none;
	z-index: 9
}

.cap-input-box:not(.cap-disabled) .cap-input-wrap.cap-opened svg.cap-caret {
	display: none
}

.cap-input-box:not(.cap-disabled) .cap-input-wrap.cap-opened svg.cap-clear {
	display: block
}

.cap-values-wrap {
	display: inline-block;
	float: left;
	clear: both;
	width: 100%;
	padding: 0 0 2px 0;
	border: 1px solid #ccc;
	border-top: none;
	background: #fff;
	max-height: 280px;
	overflow-y: auto;
	min-height: 74px
}

.cap-values-wrap:before {
	z-index: 1;
	color: #777;
	position: absolute;
	top: 34px;
	left: 0;
	display: inline-block;
	width: 100%;
	padding: 10px;
	font-size: 14px;
	line-height: 18px;
	font-style: italic
}

.cap-values-wrap .cap-value {
	transition: 0.2s;
	background: #fff;
	z-index: 2;
	position: relative;
	display: inline-block;
	width: 100%;
	padding: 10px;
	font-size: 14px;
	line-height: 18px;
	border-bottom: 1px solid #eee
}

.cap-values-wrap .cap-value.cap-disabled {
	font-weight: 400;
	color: #999;
	cursor: default
}

!.cap-values-wrap .cap-value:last-child {
	border-bottom: none
}

.cap-values-wrap .cap-value:not(.cap-disabled):hover {
	background: #f0f0f0;
	cursor: pointer
}

.cap-values-wrap .cap-value.cap-active {
	font-weight: 700;
	position: relative
}

.cap-values-wrap .cap-value.cap-active:after {
	content: "\f00c";
	color: var(--cap-primary-color);
	font-family: "FontAwesome", "Font Awesome 5 Free";
	width: auto;
	height: 16px;
	line-height: 16px;
	font-size: 16px;
	position: absolute;
	right: 7px;
	top: calc(50% - 8px)
}

.cap-input-box.cap-loading .cap-values-wrap .cap-value.cap-active,
.cap-input-box.cap-loading .cap-input-wrap select {
	cursor: wait
}

.cap-input-box.cap-loading .cap-values-wrap .cap-value.cap-active:after {
	content: "\f252"
}

.cap-values-wrap .cap-value.hide {
	display: none
}

.cap-values-wrap .cap-value[data-level="1"] {
	font-size: 13px;
	padding-top: 6px;
	padding-bottom: 6px
}

.cap-values-wrap .cap-value[data-level="2"],
.cap-values-wrap .cap-value[data-level="3"],
.cap-values-wrap .cap-value[data-level="4"],
.cap-values-wrap .cap-value[data-level="5"],
.cap-values-wrap .cap-value[data-level="6"],
.cap-values-wrap .cap-value[data-level="7"],
.cap-values-wrap .cap-value[data-level="8"],
.cap-values-wrap .cap-value[data-level="9"],
.cap-values-wrap .cap-value[data-level="10"] .cap-values-wrap .cap-value[data-level="11"],
.cap-values-wrap .cap-value[data-level="12"] {
	font-size: 12px;
	padding-top: 4px;
	padding-bottom: 4px
}

.cap-values-wrap .cap-value.cap-select-all,
.cap-values-wrap .cap-value.cap-deselect {
	text-align: left;
	height: 31px;
	padding: 7px 11px;
	font-weight: 400;
	background: #f4f4f4;
	border-bottom-color: #ddd;
	font-size: 13px;
	line-height: 16px;
	font-weight: 600;
	text-decoration: underline
}

.cap-input-box.cap-one .cap-value.cap-deselect {
	min-height: 31px;
	height: auto
}

.cap-values-wrap .cap-value.cap-select-all+.cap-deselect {
	text-align: right
}

.cap-values-wrap .cap-value.cap-select-all:hover,
.cap-values-wrap .cap-value.cap-deselect:hover {
	background: #e8e8e8
}

.cap-values-wrap .cap-value.cap-w50 {
	width: 50%;
	float: left
}

.cap-values-wrap .cap-value.cap-w50+.cap-w50 {
	width: 50%;
	clear: none;
	border-left: 1px solid #ddd
}

.cap-values-ok {
	display: inline-block;
	width: 100%;
	float: left;
	padding: 4px;
	background: #fff;
	border: 1px solid #ccc;
	border-top: none;
	position: relative;
	z-index: 2;
	margin: -1px 0 0 0
}

.cap-values-ok a.cap-values-ok-btn,
#sidebar .cap-values-ok a.cap-values-ok-btn,
#side-menu .box .section .cap-values-ok a.cap-values-ok-btn {
	text-align: center;
	text-decoration: none;
	font-weight: 700;
	padding: 6px 6px;
	font-size: 13px;
	line-height: 16px;
	min-height: unset;
	border-radius: 6px;
	width: 100%;
	display: inline-block;
	height: 28px !important;
	background: var(--cap-primary-color);
	color: #fff
}

.cap-values-ok a.cap-values-ok-btn:hover,
#sidebar .cap-values-ok a.cap-values-ok-btn:hover {
	text-decoration: none;
	background: var(--cap-primary-color-hover);
	color: #fff
}

.cap-input-box .cap-values-wrap label.cap-label {
	font-weight: 400;
	margin: 0
}

!.cap-input-box .cap-values-wrap label.cap-label.cap-select-all {
	font-weight: 700
}

!.cap-input-box .cap-values-wrap label.cap-label.cap-deselect-all {
	font-weight: 700
}

.cap-input-box.cap-slider .cap-slider-wrap {
	display: flex;
	width: 100%;
	align-items: stretch;
	justify-content: space-evenly;
	flex-wrap: nowrap;
	flex-direction: row
}

.cap-input-box.cap-slider .cap-slider-wrap .cap-label {
	margin: 0;
	padding: 0
}

.cap-input-box.cap-slider .cap-slider-wrap .cap-label input[type="radio"] {
	opacity: .01;
	width: 0;
	height: 0;
	position: absolute
}

.cap-input-box.cap-slider .cap-slider-wrap .cap-label span {
	width: 100%;
	height: 40px;
	text-align: center;
	padding: 2px 6px;
	overflow: hidden;
	display: flex;
	align-items: center;
	font-size: 14px;
	line-height: 16px;
	cursor: pointer;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	justify-content: center
}

.cap-input-box.cap-slider .cap-slider-wrap .cap-label:first-child span {
	border-left: 1px solid #ccc
}

.cap-input-box.cap-slider .cap-slider-wrap .cap-label:first-child span {
	border-radius: 3px 0 0 3px
}

.cap-input-box.cap-slider .cap-slider-wrap .cap-label:last-child span {
	border-radius: 0 3px 3px 0
}

.cap-input-box.cap-slider .cap-slider-wrap .cap-label input[type="radio"]:checked+span {
	background: var(--cap-primary-color);
	color: #fff
}

.cap-input-box.cap-slider .cap-slider-wrap .cap-label input[type="radio"]:not(:checked)+span:hover {
	background: #f0f0f0
}

em.cap-top-section-end {
	float: left;
	width: 100%;
	clear: both;
	background: #fff;
	padding: 9px 0;
	margin-top: -1px;
	position: relative;
	z-index: 2
}

em.cap-top-section-end:before {
	display: inline-block;
	content: "";
	width: 100%;
	border-top: 1px dashed #ccc
}

.cap-values-wrap,
.cap-details-values,
.cap-search .cap-section-top,
.cap-nice-scroll,
.cap-search-hook .cap-input-box.cap-checkbox.cap-multi,
#capModal.cap-search-box .modal-body.modal-is-inline .modal-content {
	scrollbar-width: thin;
	scrollbar-color: #9e9e9e rgb(0 0 0 / .05)
}

.cap-values-wrap::-webkit-scrollbar,
.cap-details-values::-webkit-scrollbar,
.cap-search .cap-section-top::-webkit-scrollbar,
.cap-nice-scroll::-webkit-scrollbar,
.cap-search-hook .cap-input-box.cap-checkbox.cap-multi::-webkit-scrollbar,
#capModal.cap-search-box .modal-body.modal-is-inline .modal-content::-webkit-scrollbar {
	box-shadow: none;
	width: 8px;
	height: 8px;
	background: rgb(0 0 0 / .05)
}

.cap-values-wrap::-webkit-scrollbar-thumb,
.cap-details-values::-webkit-scrollbar-thumb,
.cap-search .cap-section-top::-webkit-scrollbar-thumb,
.cap-nice-scroll::-webkit-scrollbar-thumb,
.cap-search-hook .cap-input-box.cap-checkbox.cap-multi::-webkit-scrollbar-thumb,
#capModal.cap-search-box .modal-body.modal-is-inline .modal-content::-webkit-scrollbar-thumb {
	border-radius: 100px;
	background-color: rgb(0 0 0 / .3);
	background-clip: initial;
	box-shadow: none
}

.cap-values-wrap::-webkit-scrollbar-thumb:hover,
.cap-details-values::-webkit-scrollbar-thumb:hover,
.cap-search .cap-section-top::-webkit-scrollbar-thumb:hover,
.cap-nice-scroll::-webkit-scrollbar-thumb:hover,
.cap-search-hook .cap-input-box.cap-checkbox.cap-multi::-webkit-scrollbar-thumb:hover,
#capModal.cap-search-box .modal-body.modal-is-inline .modal-content::-webkit-scrollbar-thumb:hover {
	background-color: rgb(0 0 0 / .6)
}

.cap-nice-scroll-box {
	position: relative
}

.cap-nice-scroll-box.cap-nice-scroll-nothave-overflow,
.cap-nice-scroll-box.cap-nice-scroll-no-overflow-force {
	height: 108px;
	overflow: hidden
}

.cap-nice-scroll-box.cap-nice-scroll-nothave-overflow>.cap-nice-scroll,
.cap-nice-scroll-box.cap-nice-scroll-no-overflow-force>.cap-nice-scroll {
	height: 112px
}

.cap-nice-scroll-box.cap-nice-scroll-nothave-overflow:not(.cap-wrap-elem)>.cap-nice-scroll a,
.cap-nice-scroll-box.cap-nice-scroll-no-overflow-force:not(.cap-wrap-elem)>.cap-nice-scroll a {
	margin-bottom: 0
}

.cap-nice-scroll-box a.cap-nice-scroll-btn {
	position: absolute;
	top: 0;
	width: 52px;
	height: 100%;
	z-index: 3;
	display: none
}

.cap-nice-scroll-box a.cap-nice-scroll-btn svg {
	position: absolute;
	top: calc(50% - 18px);
	left: calc(50% - 18px);
	margin-top: -4px;
	width: 36px;
	height: 36px;
	padding: 7px 2px;
	border-radius: 100px;
	background: #fff;
	fill: #111;
	box-shadow: 0 1px 3px rgb(0 0 0 / .3);
	transition: 0.15s
}

.cap-nice-scroll-box a.cap-nice-scroll-btn:hover svg {
	transform: scale(1.2)
}

.cap-nice-scroll-box a.cap-nice-scroll-btn.cap-disabled {
	display: none !important
}

.cap-nice-scroll-box a.cap-nice-scroll-btn.cap-nice-scroll-prev {
	left: 0
}

.cap-nice-scroll-box a.cap-nice-scroll-btn.cap-nice-scroll-next {
	right: 0
}

.cap-nice-scroll-box a.cap-nice-scroll-btn.cap-nice-scroll-prev svg {
	padding-left: 0
}

.cap-nice-scroll-box a.cap-nice-scroll-btn.cap-nice-scroll-next svg {
	padding-right: 0
}

.cap-search-hook {
	display: flex;
	width: 100%;
	flex-direction: column;
	align-items: flex-start;
	position: relative
}

.cap-search-hook.cap-loading:before {
	content: "";
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	position: absolute;
	z-index: 9;
	cursor: wait;
	background: rgb(255 255 255 / .6)
}

.cap-search-hook .cap-head {
	display: inline-block;
	width: 100%;
	margin: 0 0 2px 0;
	font-size: 16px;
	line-height: 18px
}

.cap-search-hook>.cap-input-box,
.cap-search-hook .cap-high-level-filters .cap-input-box {
	width: 100%;
	margin: 0 0 12px 0
}

.cap-search-hook .cap-high-level-filters {
	width: 100%;
	display: flex;
	flex-direction: column
}

.cap-search-hook .cap-input-box {
	min-width: 80px
}

.cap-search-hook .cap-input-box.cap-range .cap-range-wrap>.cap-input-box[data-range="to"] {
	margin-right: 0
}

.cap-search-hook .cap-input-box>label.cap-label,
.cap-search-hook .cap-input-box>.cap-line {
	width: 100%;
	text-align: left;
	font-size: 14px;
	line-height: 16px;
	margin: 0 0 2px 0
}

.cap-search-hook .cap-input-box.cap-groups {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding-top: 10px
}

.cap-search-hook .cap-input-box.cap-groups>.cap-line {
	margin-bottom: 1px
}

.cap-search-hook .cap-input-box.cap-groups .cap-input-box {
	width: 100%;
	margin-right: 0
}

.cap-search-hook .cap-input-box.cap-groups .cap-input-box>.cap-line {
	font-size: 12px;
	line-height: 14px
}

.cap-search-hook .cap-input-box.cap-groups .cap-input-box.cap-range {
	margin-bottom: 0
}

.cap-search-hook .cap-input-box.cap-groups .cap-input-box.cap-range .cap-input-box {
	width: calc(50% - 5px)
}

.cap-search-hook .cap-input-box.cap-checkbox {
	margin: 0 0 8px 0
}

.cap-search-hook a.cap-search-more-prop,
#side-menu .box .section .cap-search-hook a.cap-search-more-prop {
	font-weight: 700;
	width: auto;
	color: #555;
	font-size: 14px;
	display: flex;
	margin: 2px 0 8px 0;
	align-items: center;
	justify-content: flex-start;
	line-height: 16px;
	padding: 0;
	height: auto
}

.cap-search-hook a.cap-search-more-prop>svg,
#side-menu .box .section .cap-search-hook a.cap-search-more-prop>svg {
	fill: #555;
	margin-right: 3px;
	position: relative;
	left: auto;
	top: auto;
	height: 16px;
	width: 16px;
	background: #fff0
}

.cap-search-hook a.cap-search-more-prop:hover {
	text-decoration: none !important;
	color: #000
}

.cap-search-hook a.cap-search-more-prop:hover>svg {
	fill: #000
}

#capModal.cap-search-box .cap-search {
	margin-bottom: 0
}

#capModal.cap-search-box .cap-search .cap-section-action>div.cap-btn-adv {
	display: none
}

#capModal.cap-search-box .cap-search .cap-section-action>div {
	width: calc(100% - 12px)
}

#capModal.cap-search-box .modal-content {
	padding: 12px 12px 2px 12px
}

#capModal.cap-search-box .modal-body.modal-is-inline .modal-content {
	overflow-y: scroll
}

.cap-search-hook .cap-search-more-prop-box {
	display: flex;
	flex-direction: column;
	width: 100%;
	padding: 8px 0;
	margin: 0 0 16px 0;
	position: relative;
	z-index: 2
}

.cap-showcase {
	display: flex;
	width: 100%;
	flex-direction: column;
	align-items: flex-start;
	align-content: flex-start
}

.cap-showcase .cap-shw-box {
	padding: 15px;
	margin: 0 0 20px 0;
	border: 2px solid #ccc;
	display: flex;
	width: 100%;
	flex-direction: column;
	align-items: flex-start;
	align-content: flex-start
}

.cap-showcase .cap-code {
	font-family: monospace;
	font-size: 13px;
	line-height: 15px;
	background: #f0f0f0;
	border: 1px solid #ccc;
	padding: 8px;
	border-radius: 5px;
	margin: 0 0 12px 0
}

.cap-showcase #cap-item.cap-item-attr {
	margin: 5px 0 5px 0
}

.cap-widget {
	display: flex;
	width: 100%;
	border: 1px solid #ccc;
	background: #fff;
	border-radius: 6px;
	padding: 5px 4px;
	margin: 0 0 20px 0
}

.cap-widget .cap-wrap {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	overflow-x: auto
}

.cap-widget.cap-wrap-elem {
	padding-bottom: 1px
}

.cap-widget.cap-wrap-elem .cap-wrap {
	flex-wrap: wrap;
	overflow-x: unset
}

.cap-widget .cap-wrap a {
	text-decoration: none;
	color: #333;
	background: #fff;
	border-radius: 6px;
	width: auto;
	margin: 0 1px 5px 1px;
	flex: none;
	display: flex;
	flex-direction: column;
	align-content: center;
	align-items: center;
	text-align: center;
	padding: 8px;
	width: 96px;
	height: 96px
}

.cap-widget .cap-wrap a:hover {
	background: #f0f0f0;
	text-decoration: none
}

.cap-widget .cap-wrap a svg,
.cap-widget .cap-wrap a i,
.cap-widget .cap-wrap a img {
	width: auto;
	padding: 4px;
	height: 44px;
	max-width: 100%;
	display: inline-block;
	margin: 2px auto 8px auto;
	fill: #555;
	color: #555
}

.cap-widget .cap-wrap a:hover svg,
.cap-widget .cap-wrap a i {
	color: var(--cap-primary-color);
	fill: var(--cap-primary-color)
}

.cap-widget .cap-wrap a div {
	font-size: 14px;
	font-weight: 600;
	line-height: 16px;
	height: 34px;
	display: flex;
	align-items: center;
	word-break: normal
}

.cap-widget.cap-makes .cap-wrap a svg,
.cap-widget.cap-makes .cap-wrap a i,
.cap-widget.cap-makes .cap-wrap a img {
	margin: 0 auto;
	height: 48px;
	padding: 0
}

.cap-widget.cap-makes .cap-wrap a div {
	word-break: break-word
}

.cap-widget.cap-models .cap-wrap a div {
	word-break: break-word
}

strong.cap-widget-header {
	width: 100%;
	display: inline-block;
	margin: 2px 0;
	font-size: 15px;
	line-height: 17px;
	font-weight: 700
}

.cap-widget2 {
	display: flex;
	width: 100%;
	margin: 2px 0 20px 0
}

.cap-widget2 .cap-wrap {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap
}

.cap-widget2 .cap-wrap a {
	text-decoration: none;
	padding: 4px 6px;
	font-size: 14px;
	line-height: 16px;
	font-weight: 600;
	margin: 0 6px 6px 0;
	color: #333;
	border: 2px solid var(--cap-primary-color);
	border-radius: 4px
}

.cap-widget2 .cap-wrap a:hover {
	text-decoration: none;
	border-color: var(--cap-primary-color-hover);
	color: #000;
	background: #f0f0f0
}

.modal-cover.cap-modal-cover {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 991;
	background: rgb(0 0 0 / .45);
	backdrop-filter: blur(10px)
}

#capModal {
	display: none;
	overflow: hidden;
	background: #fff;
	position: fixed;
	width: 640px;
	height: 480px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: calc(100% - 20px);
	max-height: calc(100% - 20px);
	z-index: 995;
	box-shadow: 0 5px 30px rgb(0 0 0 / 70%)
}

#capModal.modal-fullscreen {
	width: auto;
	height: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0;
	border-radius: 0;
	box-shadow: none;
	transform: none;
	max-width: 100%;
	max-height: 100%
}

#capModal .modal-body {
	position: initial;
	padding: 0
}

#capModal .modal-close {
	cursor: pointer;
	border-radius: 5px;
	transition: 0.2s;
	position: absolute;
	z-index: 99;
	color: #555;
	text-align: center;
	top: 7px;
	right: 8px;
	width: 34px;
	height: 34px;
	font-size: 18px
}

#capModal .modal-close svg {
	width: auto;
	height: 18px;
	margin: 8px 0;
	display: inline-block;
	transition: 0.2s
}

#capModal .modal-close:hover {
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2)
}

#capModal .modal-content {
	position: absolute;
	right: 0;
	bottom: 0;
	top: 0;
	left: 0
}

#capModal .modal-content .modal-iframe,
#capModal .modal-loader {
	background: #fff url(../../plugins/car_attr_pro/img/input-loader.webp) no-repeat center center;
	background-size: 40px;
	border: none;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

#capModal,
#capModal .modal-content,
#capModal .modal-content .modal-iframe {
	border-radius: 5px
}

#capModal .modal-is-inline .modal-content {
	overflow-y: auto
}

.cap-search svg,
.cap-publish svg,
#cap-item svg,
.cap-widget svg,
.cap-widget2 svg {
	box-sizing: border-box
}

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

	.cap-input-box,
	#cap-item .cap-section.cap-section-extra .cap-item-elem {
		min-width: 100px;
		width: calc(50% - 10px)
	}

	#cap-item .cap-section.cap-section-extra .cap-item-elem>svg,
	#cap-item .cap-section.cap-section-extra .cap-item-elem>img,
	#cap-item .cap-section.cap-section-extra .cap-item-elem>i {
		width: 28px;
		max-width: 28px;
		height: 28px;
		font-size: 28px;
		line-height: 28px;
		min-width: 28px
	}

	#cap-item .cap-section.cap-section-extra .cap-item-elem .cap-show-value {
		font-size: 15px;
		line-height: 16px
	}

	#cap-item .cap-section.cap-section-extra .cap-item-elem .cap-show-value em {
		font-size: 12px
	}

	.cap-input-box.cap-textarea {
		width: 100%;
		margin-right: 0
	}

	.cap-input-box.cap-range {
		min-width: 200px
	}

	.cap-input-box.cap-checkbox.cap-multi label.cap-label {
		width: calc(50% - 10px)
	}

	.cap-details-values {
		padding: 15px 10px 12px 10px
	}

	.modal-content .cap-details-box .cap-head {
		padding-left: 10px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis
	}

	.cap-detail-footer {
		padding-left: 6px;
		padding-right: 6px
	}

	.cap-detail-footer .cap-box-filter {
		width: auto
	}

	.cap-detail-footer a {
		white-space: nowrap;
		padding: 11px
	}

	.cap-detail-footer>div {
		margin: 0 3px
	}

	#cap-item .cap-section.cap-section-main .cap-item-elem {
		width: calc(50% - 5px)
	}

	#cap-item .cap-section.cap-section-main .cap-item-elem:nth-child(even) {
		margin-right: 0
	}

	.cap-values-ok a.cap-values-ok-btn {
		padding: 6px
	}

	.cap-publish[data-theme="sigma"] {
		padding-left: 0
	}

	.cap-publish .cap-input-box.cap-maxsize-mobile {
		width: calc(100% - 16px)
	}

	.cap-search .cap-section-mid>.cap-input-box.cap-maxsize-mobile {
		width: calc(100% - 12px)
	}
}

@media screen and (max-width:740px) {
	.cap-publish[data-theme="bender"] {
		padding-left: 0
	}
}

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

	.post-edit #plugin-hook>.cap-publish[data-theme="delta"],
	.post-edit #plugin-hook>.cap-publish[data-theme="gamma"],
	.post-edit #plugin-hook>.cap-publish[data-theme="beta"],
	.post-edit #plugin-hook>.cap-publish[data-theme="alpha"] {
		width: 100% !important
	}

	.cap-search:not(.cap-publish) .cap-section-body {
		padding-right: 2px
	}

	.cap-search .cap-section-action>div {
		width: calc(50% - 10px);
		margin-right: 10px
	}

	.modal-content .cap-details-box .cap-input-box {
		width: calc(50% - 20px);
		margin-bottom: 10px
	}

	.modal-content .cap-details-box .cap-input-box.cap-range {
		width: 100%
	}

	.cap-input-box.cap-checkbox.cap-multi {
		width: 100%
	}

	.cap-search .cap-section-mid>.cap-input-box {
		width: calc(50% - 10px);
		margin-right: 10px
	}

	!.cap-search .cap-section-mid>.cap-input-box:nth-child(even) {
		margin-right: 0
	}

	.cap-search .cap-section-mid>.cap-input-box.cap-range {
		width: 100%
	}

	.cap-search .cap-section-mid>.cap-input-box.cap-checkbox {
		margin-top: -5px;
		width: 100%;
		margin-right: 0
	}

	.cap-search .cap-section-mid>.cap-input-box.cap-checkbox>label.cap-label {
		padding: 4px 0
	}

	.cap-publish .cap-input-box {
		max-width: 100%
	}

	.cap-search .cap-section-top a div {
		word-break: break-word
	}

	.cap-search .cap-section-mid.cap-buttons>.cap-input-box {
		width: 100%;
		margin-right: 0;
		margin-bottom: 6px
	}
}

@media screen and (max-width:420px) {
	.cap-input-box {
		width: 100%;
		margin-right: 0
	}

	.cap-search .cap-section-mid>.cap-input-box .cap-range-wrap>.cap-input-box {
		margin-right: 10px
	}

	.cap-search .cap-section-mid>.cap-input-box .cap-range-wrap>.cap-input-box:last-child {
		margin-right: 0
	}

	.modal-content .cap-details-box .cap-input-box {
		width: 100%;
		margin-right: 0
	}

	.cap-input-box.cap-checkbox.cap-multi label.cap-label {
		width: 100%;
		margin-right: 0
	}

	.cap-input-box.cap-range .cap-range-wrap>.cap-input-box:not(:last-child) {
		margin-right: 10px
	}

	.cap-search .cap-section-action a.cap-more {
		text-align: center
	}

	.cap-search .cap-section-action a.cap-more svg {
		display: none
	}

	.cap-publish .cap-input-box {
		width: calc(100% - 10px);
		margin: 0 10px 10px 0
	}

	.cap-publish .cap-input-box.cap-groups,
	.cap-publish .cap-input-box.cap-maxsize,
	.cap-publish .cap-input-box.cap-maxsize-mobile,
	.cap-publish .cap-input-box.cap-textarea {
		width: calc(100% - 10px);
		margin-right: 10px
	}

	.cap-publish .cap-section {
		width: calc(100% + 10px);
		margin-right: -10px
	}

	.cap-publish .cap-input-box.cap-checkbox.cap-one {
		width: 100%;
		margin-right: 0
	}

	#cap-item .cap-section.cap-section-data .cap-item-elem>div {
		padding-left: 0;
		padding-right: 0
	}

	#cap-item .cap-section.cap-section-main,
	#cap-item .cap-section.cap-section-sub,
	#cap-item .cap-head,
	#cap-item .cap-subhead,
	#cap-item .cap-item-elem,
	#cap-item .cap-section.cap-section-bool .cap-item-elem,
	#cap-item .cap-section.cap-section-detail .cap-item-elem,
	#cap-item .cap-section.cap-section-data .cap-item-elem>div.cap-show3-value,
	#cap-item .cap-section.cap-section-fuel {
		padding-left: 6px;
		padding-right: 6px
	}

	.cap-search .cap-section-top.cap-menu-advanced .cap-more-types a {
		width: calc(33.33% - 6px)
	}

	.cap-search .cap-section-top.cap-menu-advanced {
		padding-right: 58px
	}

	.cap-search.cap-style-borderless .cap-section-top.cap-menu-advanced {
		padding-right: 54px
	}

	.cap-search .cap-section-top.cap-menu-advanced a.cap-special {
		width: 54px;
		min-width: 54px;
		max-width: 54px
	}

	#cap-item .cap-item-elem.cap-style-fuel>svg,
	#cap-item .cap-item-elem.cap-style-fuel>img,
	#cap-item .cap-item-elem.cap-style-fuel>i {
		width: 24px;
		min-width: 24px;
		height: 24px;
		font-size: 24px;
		line-height: 24px;
		margin: 1px 6px 1px 1px
	}

	#cap-item .cap-section.cap-section-fuel .cap-item-elem .cap-show-value {
		line-height: 16px;
		font-size: 15px
	}

	#cap-item .cap-section.cap-section-fuel .cap-item-elem .cap-show-label {
		line-height: 13px;
		font-size: 12px
	}

	.cap-values-wrap .cap-value.cap-select-all {
		width: calc(100% - 32px)
	}

	.cap-values-wrap .cap-value.cap-select-all+.cap-value.cap-deselect {
		width: 32px;
		text-align: center;
		font-size: 0;
		color: #fff0;
		position: relative;
		padding: 0
	}

	.cap-values-wrap .cap-value.cap-select-all+.cap-value.cap-deselect:after {
		content: "\f2ed";
		color: #333;
		font-family: "FontAwesome", "Font Awesome 5 Free";
		line-height: 30px;
		font-size: 13px;
		font-weight: 400;
		width: 32px;
		text-align: center;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 2
	}

	.cap-search .cap-section-top.cap-menu-advanced .cap-more-types a {
		width: calc(33.33% - 6px)
	}
}

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

	.cap-values-wrap .cap-value.cap-select-all,
	.cap-values-wrap .cap-value.cap-deselect {
		padding-left: 6px;
		padding-right: 6px
	}
}

html[dir="rtl"] #cap-item,
html[dir="rtl"] #capModal,
html[dir="rtl"] .cap-search,
html[dir="rtl"] .cap-widget,
html[dir="rtl"] .cap-search-hook,
html[dir="rtl"] .cap-nice-scroll-box,
html[dir="rtl"] .cap-publish {
	direction: rtl
}

html[dir="rtl"] .cap-search .cap-section-top.cap-menu-advanced {
	padding: 4px 4px 4px 76px
}

html[dir="rtl"] .cap-search .cap-section-top.cap-menu-advanced a.cap-special {
	left: 4px;
	right: auto;
	border-radius: 4px 0 0 4px
}

html[dir="rtl"] .cap-search:not(.cap-publish) .cap-section-body {
	padding: 12px 12px 12px 0
}

html[dir="rtl"] .cap-input-wrap input.cap-input,
html[dir="rtl"] .cap-input-box input.cap-input,
html[dir="rtl"] .cap-input-box select.cap-input {
	padding-left: 28px;
	padding-right: 10px
}

html[dir="rtl"] .cap-search .cap-section-mid>.cap-input-box .cap-range-wrap>.cap-input-box:last-child {
	margin-right: 10px
}

html[dir="rtl"] .cap-search .cap-section-mid>.cap-input-box .cap-range-wrap>.cap-input-box:first-child {
	margin-right: 0
}

html[dir="rtl"] .cap-input-wrap svg.cap-caret {
	left: 8px;
	right: auto
}

html[dir="rtl"] .cap-input-box label.cap-label,
html[dir="rtl"] .cap-input-box .cap-line {
	text-align: right
}

html[dir="rtl"] .cap-input-box input[type="checkbox"],
html[dir="rtl"] #plugin-hook .cap-input-box input[type="checkbox"] {
	float: right;
	margin-left: 5px;
	margin-right: 0
}

html[dir="rtl"] .cap-search .cap-section-action a.cap-more svg {
	margin-right: 0;
	margin-left: 10px
}

html[dir="rtl"] .cap-search .cap-section-mid.cap-buttons>.cap-input-box a svg.cap-angle {
	left: 12px;
	right: auto;
	transform: scaleX(-1)
}

html[dir="rtl"] .cap-input-box .cap-counter2 {
	left: 26px;
	right: auto
}

html[dir="rtl"] .cap-search .cap-section-mid.cap-buttons>.cap-input-box a {
	padding-left: 32px;
	padding-right: 10px
}

html[dir="rtl"] .cap-search .cap-section-mid.cap-buttons>.cap-input-box a svg:not(.cap-angle),
html[dir="rtl"] .cap-search .cap-section-mid.cap-buttons>.cap-input-box a.cap-open-detail>i,
html[dir="rtl"] .cap-search .cap-section-mid.cap-buttons>.cap-input-box a.cap-open-detail>img {
	margin-left: 10px;
	margin-right: 0
}

html[dir="rtl"] .cap-search .cap-input-box .cap-meas,
html[dir="rtl"] .cap-details-values .cap-input-box .cap-meas,
html[dir="rtl"] .cap-search-hook .cap-input-box .cap-meas {
	left: 4px;
	right: auto
}

html[dir="rtl"] .cap-detail-footer .cap-box-filter input[type="text"] {
	padding-left: 32px;
	padding-right: 40px
}

html[dir="rtl"] .cap-detail-footer .cap-box-filter svg.cap-icon {
	right: 10px;
	left: auto;
	transform: scaleX(-1)
}

html[dir="rtl"] .cap-detail-footer .cap-box-filter svg.cap-clear {
	left: 7px;
	right: auto
}

html[dir="rtl"] #capModal .modal-inside .modal-close {
	margin-left: 5px;
	margin-right: 0
}

html[dir="rtl"] #capModal .modal-close {
	left: 8px;
	right: auto
}

html[dir="rtl"] .modal-content .cap-details-box .cap-input-box {
	margin-left: 20px;
	margin-right: 0
}

html[dir="rtl"] .cap-search .cap-section-mid>.cap-input-box {
	margin-left: 12px;
	margin-right: 0
}

html[dir="rtl"] .cap-search .cap-section-action>div {
	margin-left: 12px;
	margin-right: 0
}

html[dir="rtl"] .cap-search .cap-section-mid>.cap-input-box.cap-checkbox>label.cap-label input[type="checkbox"] {
	margin-left: 7px;
	margin-right: 0
}

html[dir="rtl"] .modal-content .cap-details-box .cap-head {
	padding-left: 44px;
	padding-right: 20px
}

html[dir="rtl"] .cap-details-values {
	padding-left: 0;
	padding-right: 20px
}

html[dir="rtl"] .cap-input-box {
	float: right;
	margin-left: 10px;
	margin-right: 0
}

html[dir="rtl"] .cap-input-wrap svg.cap-clear {
	left: 8px;
	right: auto
}

html[dir="rtl"] .cap-values-wrap .cap-value.cap-select-all,
html[dir="rtl"] .cap-values-wrap .cap-value.cap-deselect {
	text-align: right
}

html[dir="rtl"] .modal-content .cap-details-box .cap-input-box input[type="checkbox"] {
	margin-left: 6px;
	margin-right: 0
}

html[dir="rtl"] .cap-search.cap-style-borderless .cap-section-top.cap-menu-advanced {
	padding: 0 0 0 72px
}

html[dir="rtl"] .cap-search .cap-section-top.cap-menu-advanced>a:first-child,
html[dir="rtl"] .cap-search .cap-section-top.cap-menu-advanced>a.cap-active:first-child {
	border-radius: 0 4px 4px 0
}

html[dir="rtl"] .cap-search .cap-section-top.cap-menu-advanced>a,
html[dir="rtl"] .cap-search .cap-section-top.cap-menu-advanced>a.cap-active {
	border-right: 1px solid #ccc !important;
	border-left: none !important
}

html[dir="rtl"] .cap-search.cap-style-borderless .cap-section-top.cap-menu-advanced a.cap-special {
	border-left: 1px solid #ccc !important
}

html[dir="rtl"] #cap-item .cap-section.cap-section-main .cap-item-elem {
	margin-left: 10px;
	margin-right: 0
}

html[dir="rtl"] #cap-item .cap-item-elem.cap-style-main>svg,
html[dir="rtl"] #cap-item .cap-item-elem.cap-style-main>img,
html[dir="rtl"] #cap-item .cap-item-elem.cap-style-main>i,
html[dir="rtl"] #cap-item .cap-section.cap-section-extra .cap-item-elem>svg,
html[dir="rtl"] #cap-item .cap-section.cap-section-extra .cap-item-elem>img,
html[dir="rtl"] #cap-item .cap-section.cap-section-extra .cap-item-elem>i {
	margin-left: 12px;
	margin-right: 0
}

html[dir="rtl"] #cap-item .cap-item-elem.cap-style-sub>svg,
html[dir="rtl"] #cap-item .cap-item-elem.cap-style-sub>img,
html[dir="rtl"] #cap-item .cap-item-elem.cap-style-sub>i {
	margin-left: 6px;
	margin-right: 0
}

html[dir="rtl"] #cap-item .cap-section.cap-section-data .cap-item-elem>div {
	text-align: right
}

html[dir="rtl"] #cap-item .cap-item-elem>svg,
html[dir="rtl"] #cap-item .cap-item-elem>img,
html[dir="rtl"] #cap-item .cap-item-elem>i {
	margin-left: 6px;
	margin-right: 0
}

html[dir="rtl"] .cap-values-wrap .cap-value.cap-active:after {
	left: 7px;
	right: auto
}

html[dir="rtl"] .cap-publish[data-theme="sigma"] {
	padding-right: 30%;
	padding-left: 0
}

html[dir="rtl"] .cap-search.cap-publish .cap-section-top a:last-child {
	border-radius: 4px 0 0 4px
}

html[dir="rtl"] .cap-search.cap-publish .cap-section-top a:first-child {
	border-radius: 0 4px 4px 0
}

html[dir="rtl"] .cap-search.cap-publish .cap-section-top a {
	margin: 0 0 0 -1px
}

html[dir="rtl"] .cap-search .cap-section-top a:last-child {
	margin-left: 0
}

html[dir="rtl"] .cap-publish .cap-section .cap-input-box {
	float: right
}

html[dir="rtl"] .cap-publish .cap-input-box.cap-groups .cap-input-box {
	margin-left: 12px;
	margin-right: 0
}

html[dir="rtl"] .cap-publish .cap-section {
	margin-left: -16px;
	margin-right: 0
}

html[dir="rtl"] .cap-publish .cap-input-box.cap-checkbox.cap-one {
	margin-left: 10px;
	margin-right: 0
}

html[dir="rtl"] .cap-publish .cap-subhead {
	text-align: right
}

html[dir="rtl"] #cap-item .cap-section.cap-section-main .cap-item-elem {
	margin-left: 10px;
	margin-right: 0
}

html[dir="rtl"] #cap-item .cap-section.cap-section-extra .cap-item-elem {
	margin-left: 10px;
	margin-right: 0
}

@media screen and (max-width:767px) {
	html[dir="rtl"] .cap-publish[data-theme="sigma"] {
		padding-right: 0
	}

	html[dir="rtl"] #cap-item .cap-section.cap-section-main .cap-item-elem:nth-child(even) {
		margin-left: 0
	}
}

@media screen and (max-width:540px) {
	html[dir="rtl"] .cap-search .cap-section-mid>.cap-input-box {
		margin-left: 10px;
		margin-right: 0
	}

	html[dir="rtl"] .cap-search .cap-section-action>div {
		margin-left: 10px;
		margin-right: 0
	}
}

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

	html[dir="rtl"] .cap-publish .cap-input-box.cap-groups,
	html[dir="rtl"] .cap-publish .cap-input-box.cap-maxsize,
	html[dir="rtl"] .cap-publish .cap-input-box.cap-maxsize-mobile,
	html[dir="rtl"] .cap-publish .cap-input-box.cap-textarea {
		margin-right: 0;
		margin-left: 10px
	}

	html[dir="rtl"] .cap-search .cap-section-top.cap-menu-advanced {
		padding-left: 58px;
		padding-right: 4px
	}

	html[dir="rtl"] .cap-search.cap-style-borderless .cap-section-top.cap-menu-advanced {
		padding-left: 54px;
		padding-right: 4px
	}
}

#osp-body-success {
	text-align: center;
	padding: 25px 15px
}

#osp-body-success .osp-row {
	margin: 10px 0;
	font-size: 15px;
	line-height: 18px;
	float: left;
	clear: both;
	width: 100%
}

#osp-body-success .osp-svg svg {
	width: 110px;
	height: 110px;
	fill: #28a745;
	margin: 10px 0 20px 0;
	display: inline-block
}

#osp-body-success .osp-h1 {
	font-size: 26px;
	color: #1d1d1d;
	line-height: 28px;
	font-weight: 700;
	margin: 0 0 20px 0;
	float: left;
	clear: both;
	width: 100%
}

#osp-body-success .osp-h2 {
	font-size: 17px;
	line-height: 20px;
	float: left;
	clear: both;
	width: 100%
}

#osp-body-success .osp-centered {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-direction: row
}

#osp-body-success .osp-centered>span {
	width: 40%;
	min-width: 40%;
	text-align: right;
	padding: 0 10px
}

#osp-body-success .osp-centered>strong {
	width: 60%;
	min-width: 60%;
	text-align: left;
	padding: 0 10px
}

#osp-body-success .osp-btns {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	margin: 30px 0 10px 0
}

#osp-body-success .osp-btns a {
	padding: 8px 10px;
	height: auto;
	margin: 4px 6px
}

#osp-body-success hr {
	border: none;
	border-bottom: 1px solid #ddd;
	margin: 20px 10%;
	float: left;
	clear: both;
	width: 80%
}

#osp-body-success .osp-bt-info {
	margin: 20px 5% 10px 5%;
	max-width: 90%;
	font-family: monospace;
	background: #f4f4f4;
	padding: 15px 0;
	font-size: 14px;
	line-height: 16px;
	float: left;
	clear: both;
	width: 100%;
	border: 2px solid #1d1d1d
}

#osp-promos {
	float: left;
	clear: both;
	margin: 8px 0 12px 0;
	display: flex;
	align-items: stretch;
	flex-direction: column;
	width: 100%;
	background-color: #ddede6;
	background: linear-gradient(135deg, #ddede6, #c9dad6);
	border-radius: 4px
}

#osp-promos.osp-loc-user {
	background: #fff;
	box-shadow: 0 1px 3px rgb(0 0 0 / .15)
}

#osp-promos.osp-loc-user .osp-item-promos {
	box-shadow: none
}

#osp-promos .osp-promo-head {
	font-size: 13px;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	padding: 10px 8px 8px 12px;
	border-radius: 4px 4px 0 0;
	width: 100%;
	color: #111
}

#osp-promos .osp-head-top {
	font-size: 13px;
	font-weight: 700;
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	line-height: 14px;
	width: 100%;
	color: #111
}

#osp-promos .osp-head-top>span {
	font-size: 14px
}

#osp-promos .osp-visbl-label {
	background: rgb(0 0 0 / .15);
	margin: -1px 0 -3px 0;
	cursor: help;
	border-radius: 100px;
	padding: 2px 6px;
	font-style: normal;
	font-weight: 600
}

.osp-item-promos {
	background: #fff;
	box-shadow: 0 1px 3px rgb(0 0 0 / .1);
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 1px;
	width: 100%;
	display: flex;
	align-items: stretch;
	flex-direction: column;
	position: relative
}

.osp-item-promos .osp-promos {
	float: left;
	clear: both;
	display: flex;
	border-radius: 4px;
	background: #fff;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: stretch;
	justify-content: space-between
}

.osp-item-promos .osp-promo-btn {
	display: flex;
	position: relative;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	transition: 0.2s;
	width: auto;
	margin: 1px;
	min-width: 40px;
	white-space: nowrap;
	max-width: 40px;
	background: #111;
	color: #fff;
	padding: 4px 4px;
	font-weight: 600;
	border-radius: 4px
}

.osp-item-promos .osp-promo-btn:hover {
	background: #333;
	color: #fff;
	text-decoration: none
}

.osp-item-promos .osp-promo-btn>i {
	font-size: 16px;
	line-height: 20px;
	text-indent: 1px
}

.osp-item-promos .osp-promo-btn:hover>i {
	margin-top: 1px
}

.osp-item-promos .osp-promo-btn:hover>i:before {
	content: "\f107"
}

.osp-item-promos .osp-promo-btn .osp-cnt {
	position: absolute;
	top: -2px;
	right: -2px;
	display: none;
	z-index: 2;
	width: auto;
	min-width: 16px;
	height: 16px;
	padding: 1px 2px;
	text-align: center;
	font-size: 11px;
	font-style: normal;
	font-weight: 600;
	line-height: 14px;
	border-radius: 100px;
	color: #fff;
	background: var(--mb-color-primary, #0000e7)
}

.osp-item-promos .osp-elems {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: stretch;
	width: 100%
}

.osp-item-promos .osp-elem {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: stretch;
	font-size: 14px;
	line-height: 16px;
	border: none;
	border-radius: 4px;
	color: #222;
	width: calc(50% - 2px);
	margin: 1px;
	transition: 0s;
	position: relative;
	height: 36px
}

.osp-item-promos .osp-elem.osp-empty {
	color: #777;
	font-style: italic;
	display: flex;
	justify-content: center;
	width: calc(100% - 2px);
	align-items: center;
	padding: 0 10px
}

.osp-item-promos .osp-elem.osp-empty>strong {
	color: #2d2d2d;
	margin-left: 3px;
	margin-right: 3px
}

.osp-item-promos .osp-elem.osp-warn {
	border-color: #e30000 !important;
	background: #ffbfbf
}

.osp-item-promos .osp-elem .osp-data {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	background: #e7e7e7;
	border-radius: 4px;
	padding: 0;
	align-items: center;
	border: 1px solid #fff0
}

.osp-item-promos .osp-elem:hover .osp-data {
	border-color: var(--mb-color-primary, #0000e7);
	background: #fff;
	border-radius: 4px 4px 0 0
}

.osp-item-promos .osp-elem .osp-name {
	font-weight: 600;
	font-size: 15px;
	line-height: 16px;
	padding: 0 6px 0 10px;
	margin: 1px 0;
	max-height: 34px;
	overflow: hidden
}

.osp-item-promos .osp-elem.osp-warn .osp-name {
	color: #b50000
}

.osp-item-promos .osp-elem.osp-inactive .osp-name {
	text-decoration: line-through
}

.osp-item-promos .osp-elem.osp-inactive .osp-name,
.osp-item-promos .osp-elem.osp-inactive .osp-caret,
.osp-item-promos .osp-elem.osp-inactive .osp-extra-data>div:not(.osp-inactive-label):not(.osp-expire),
.osp-item-promos .osp-elem.osp-inactive em {
	opacity: .7
}

.osp-item-promos .osp-elem .osp-caret {
	color: #777;
	font-size: 15px;
	line-height: 14px;
	display: inline-block;
	margin-left: auto;
	margin-right: 9px
}

.osp-item-promos .osp-elem:hover .osp-caret:before {
	content: "\f0d8"
}

.osp-item-promos .osp-elem .osp-extra {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: stretch;
	position: absolute;
	display: none;
	left: 0;
	top: calc(100% - 1px);
	border: 1px solid var(--mb-color-primary, #0000e7);
	border-top: none;
	width: 100%;
	background: #fff;
	z-index: 4;
	border-radius: 0 0 4px 4px
}

.osp-item-promos .osp-elem .osp-extra-data {
	border-top: 1px solid #ccc;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 8px 10px 7px 10px
}

.osp-item-promos .osp-elem:hover .osp-extra {
	display: flex
}

.osp-item-promos .osp-elem .osp-inactive-label,
.osp-item-promos .osp-elem .osp-warn-short,
.osp-item-promos .osp-elem .osp-paid-label {
	font-weight: 700;
	font-size: 14px;
	line-height: 17px;
	margin: 0 0 8px 0;
	color: #fff;
	padding: 4px 8px;
	background: #e30000
}

.osp-item-promos .osp-elem .osp-paid-label {
	background: #000;
	color: #fff;
	border-radius: 100px;
	padding: 3px 10px;
	font-size: 12px;
	line-height: 14px;
	font-weight: 600
}

.osp-item-promos .osp-elem .osp-warn-long {
	font-size: 14px;
	line-height: 16px;
	margin: 0 0 10px 0;
	color: #000;
	text-decoration: underline
}

.osp-item-promos .osp-elem .osp-info {
	font-size: 14px;
	line-height: 16px;
	margin: 0 0 10px 0;
	color: #222
}

.osp-item-promos .osp-elem .osp-create {
	font-size: 13px;
	line-height: 16px;
	color: #666;
	margin: 0 0 2px 0
}

.osp-item-promos .osp-elem .osp-expire {
	font-size: 13px;
	line-height: 16px;
	color: #666;
	margin: 0 0 2px 0
}

.osp-item-promos .osp-elem.osp-inactive .osp-expire {
	border: 1px solid #111;
	padding: 2px 2px 2px 4px
}

.osp-item-promos .osp-elem .osp-expire span {
	background: #f6f7b3;
	padding: 0 2px;
	color: #333
}

.osp-item-promos .osp-elem .osp-payment {
	font-size: 11px;
	line-height: 14px;
	color: #111;
	margin: 8px 0 3px 0
}

.osp-item-promos .osp-elem em {
	display: block;
	width: 32px;
	height: 100%;
	min-width: 32px;
	border-radius: 4px 0 0 4px;
	text-align: center;
	cursor: default !important;
	padding: 6px 0 0 0
}

.osp-item-promos .osp-elem:hover .osp-data>em {
	border-radius: 4px 0 0 0
}

.osp-item-promos .osp-elem em svg {
	width: 20px;
	height: 20px;
	fill: rgb(0 0 0 / .5);
	padding: 1px;
	cursor: default
}

.osp-item-promos .osp-elem em.osp-401 svg {
	padding: 0
}

.osp-item-promos .osp-elem em.osp-601 svg {
	padding: 2px
}

.osp-item-promos .osp-elem .osp-extra em {
	border-radius: 0 0 0 4px;
	height: auto
}

.osp-item-promos .osp-options-wrap {
	float: left;
	clear: both;
	position: relative
}

.osp-item-promos .osp-options {
	position: relative;
	box-shadow: none;
	padding: 12px;
	z-index: 2;
	max-width: unset;
	width: 100%;
	border-radius: 0 0 4px 4px;
	border: none;
	border-top: 1px solid #ccc;
	margin: 1px 0 0 0;
	top: auto;
	right: auto;
	left: auto;
	color: #222
}

#osp-promos.osp-loc-user .osp-promo-head {
	display: none
}

.osp-loc-ajax.osp-sec-runhook .osp-item-promos .osp-options {
	margin: 0;
	border-top: none;
	border-radius: 4px
}

@media screen and (min-width:768px) {
	#osp-promos[data-theme="sigma"].osp-loc-ajax.osp-sec-runhook {
		margin-left: 30%;
		width: 70%
	}
}

.osp-required-promos {
	float: left;
	clear: both;
	margin: 8px 0 10px 0;
	display: flex;
	align-items: stretch;
	flex-direction: column;
	width: 100%;
	border-radius: 4px;
	border: 1px solid red;
	border-left-width: 4px;
	background: #fff2f2
}

.osp-required-promos .osp-line {
	color: #222;
	padding: 10px 12px;
	font-size: 14px;
	line-height: 18px;
	display: flex;
	flex-direction: column
}

.osp-required-promos .osp-line+.osp-line {
	border-top: 1px solid red
}

.osp-required-promos .osp-line a.osp-btn {
	position: relative;
	margin: 10px 0 2px 0;
	font-size: 13px;
	line-height: 16px;
	text-align: center;
	padding: 7px 8px;
	display: block;
	width: auto;
	font-weight: 600;
	color: #fff;
	background: #111;
	text-decoration: none;
	border-radius: 4px;
	transition: 0.2s
}

.osp-required-promos .osp-line a.osp-btn:hover {
	color: #fff;
	background: #333;
	text-decoration: none
}

#osp-pmnt-err {
	width: 100%;
	float: left;
	display: block;
	clear: both;
	margin: 20px 0;
	border: 3px solid #ef0000;
	background: #ffdbdb;
	padding: 12px 15px
}

#osp-pmnt-err .osp-ehead {
	width: 100%;
	float: left;
	display: block;
	clear: both;
	margin: 0 0 10px 0;
	font-size: 14px;
	color: #000;
	line-height: 16px
}

#osp-pmnt-err .osp-errm {
	width: 100%;
	white-space: pre-wrap;
	word-break: break-word;
	word-wrap: break-word;
	float: left;
	display: block;
	clear: both;
	font-family: monospace;
	font-size: 13px;
	line-height: 16px;
	background: rgb(255 255 255 / .6);
	padding: 10px;
	border: 1px solid #f97f7f
}

#osp-pmnt-err .osp-errm.osp-bold {
	font-weight: 600
}

#osp-pmnt-err .osp-errm.osp-white {
	background: #fff
}

#osp-pmnt-err .osp-errm+.osp-errm {
	margin-top: 6px
}

#osp-search-box {
	background: #f9f7f6;
	float: left;
	width: 100%;
	margin: 10px 0 10px 0;
	padding: 15px;
	border: 1px solid rgb(0 0 0 / .1);
	border-radius: 4px;
	box-shadow: 0 1px 3px rgb(0 0 0 / .15)
}

#osp-search-box .osp-col {
	float: left;
	padding-right: 12px
}

#osp-search-box .osp-col.bt {
	padding-right: 0
}

#osp-search-box .osp-col.w10 {
	width: 10%
}

#osp-search-box .osp-col.w20 {
	width: 20%
}

#osp-search-box .osp-col.w30 {
	width: 30%
}

#osp-search-box .osp-col.w40 {
	width: 40%
}

#osp-search-box .osp-col.w50 {
	width: 50%
}

#osp-search-box .osp-col.w60 {
	width: 60%
}

#osp-search-box .osp-col.w70 {
	width: 70%
}

#osp-search-box .osp-col.w80 {
	width: 80%
}

#osp-search-box .osp-col.w90 {
	width: 90%
}

#osp-search-box .osp-col.chk {
	padding-top: 8px
}

#osp-search-box .osp-col.chk input[type="checkbox"] {
	width: 16px;
	min-width: 16px;
	height: 16px;
	margin: 0 4px 0 0;
	float: left
}

#osp-search-box .osp-col.chk input[type=checkbox]:checked::before {
	margin: -2px;
	height: 18px;
	width: 18px
}

#osp-search-box .osp-col.chk label {
	font-weight: 700;
	font-size: 12px;
	color: #666;
	float: left;
	line-height: 16px;
	padding: 0;
	margin: 0
}

#osp-search-box label {
	font-size: 13px;
	font-weight: 700;
	color: #222;
	line-height: 16px;
	text-align: left;
	margin: 0 0 3px 0;
	width: 100%;
	padding: 0
}

#osp-search-box input[type="text"],
#osp-search-box input[type="number"],
#osp-search-box select,
#osp-search-box button[type="submit"] {
	font-size: 14px;
	box-shadow: none;
	width: 100%;
	height: 36px;
	float: left;
	margin: 0
}

#osp-search-box input[type="text"],
#osp-search-box input[type="number"] {
	padding: 0 8px;
	line-height: 16px
}

#osp-search-box select {
	padding: 0 2px;
	line-height: 16px
}

#osp-search-box button[type="submit"] {
	background: #0d9ecc;
	color: #fff;
	font-weight: 700;
	border-radius: 3px;
	transition: 0.1s;
	border: none
}

#osp-search-box button[type="submit"]:hover {
	background: #0a83aa;
	color: #fff;
	text-decoration: none
}

.osp-cart-ship {
	position: absolute;
	right: 5px;
	top: 12px
}

.osp-cart-ship>strong {
	cursor: pointer;
	float: right;
	padding: 3px 5px;
	margin: -3px 0;
	border-radius: 3px;
	background: #d0d0d0;
	color: #333;
	transition: 0.1s
}

.osp-cart-ship>strong:hover {
	background: silver
}

.osp-cart-ship>strong i {
	margin-left: 2px;
	color: #777
}

.osp-cart-ship .osp-ship-opts {
	position: absolute;
	display: none;
	max-height: 260px;
	overflow-y: auto;
	top: 20px;
	right: 0;
	width: 240px;
	padding: 8px 10px;
	border: 1px solid #ccc;
	background: #fff;
	z-index: 5;
	border-radius: 3px 0 3px 3px
}

.osp-cart-ship .osp-ship-opts>span {
	float: left;
	width: 100%;
	margin: 0;
	font-weight: 700;
	margin: 4px 0 2px 0
}

.osp-cart-ship .osp-ship-opts a {
	float: left;
	clear: both;
	border: none !important;
	margin: 4px 0;
	width: 100%;
	padding-right: 20px;
	position: relative;
	font-size: 13px;
	line-height: 14px
}

.osp-cart-ship .osp-ship-opts a span {
	float: left;
	width: calc(100% - 80px)
}

.osp-cart-ship .osp-ship-opts a strong {
	float: right;
	width: 80px;
	text-align: right
}

.osp-cart-ship .osp-ship-opts a.osp-active i {
	position: absolute;
	font-size: 10px;
	right: 2px;
	top: 3px;
	color: #08c439
}

.osp-cart-ship:hover .osp-ship-opts {
	display: block
}

.osp-cart-ship:hover>strong {
	border-radius: 3px 3px 0 0
}

.osp-pagination {
	float: left;
	clear: both;
	width: 100%;
	background: #fff0;
	padding: 15px 0;
	margin: 0;
	position: relative;
	z-index: 2;
	text-align: center
}

.osp-pagination a {
	text-decoration: none;
	display: inline-block;
	float: none;
	margin: 0 2px;
	text-decoration: none;
	background: #fff;
	padding: 6px 3px;
	min-width: 32px;
	height: 32px;
	line-height: 18px;
	color: #444;
	font-weight: 400;
	border-radius: 4px;
	border: 1px solid rgb(0 0 0 / .15);
	font-size: 14px;
	text-align: center
}

.osp-pagination span {
	display: inline-block;
	text-decoration: none;
	float: none;
	margin: 0 4px;
	padding: 6px 3px;
	height: 32px;
	line-height: 18px;
	color: #999;
	font-weight: 400;
	font-size: 14px;
	text-align: center
}

.osp-pagination a:hover,
.osp-pagination a.osp-active {
	background: #333;
	color: #fff;
	text-decoration: none
}

.osp-voucher-box {
	margin: 12px 0;
	width: auto;
	float: right;
	position: relative
}

.osp-voucher-box label {
	display: none;
	float: left;
	line-height: 16px;
	font-size: 13px;
	margin: 10px 10px 10px 3px
}

.osp-voucher-box input[type="text"] {
	float: left;
	width: 320px;
	max-width: 100%;
	margin: 0;
	height: 40px;
	border: 2px solid #ccc;
	font-size: 14px;
	line-height: 18px;
	padding: 10px 60px 10px 10px
}

.osp-voucher-box button {
	position: absolute;
	top: 5px;
	right: 5px;
	margin: 0;
	width: auto;
	height: 30px;
	line-height: 16px;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	background: #444;
	color: #fff;
	text-decoration: none;
	transition: 0.1s;
	padding: 6px
}

.osp-voucher-box button:hover {
	background: #111;
	color: #fff;
	text-decoration: none;
	opacity: 1 !important
}

#osp-limit-box {
	float: left;
	position: relative;
	clear: both;
	width: 100%;
	margin: 20px 0;
	padding: 20px;
	text-align: center;
	font-size: 14px;
	line-height: 18px;
	color: #2d2d2d;
	background: #f0f6ff;
	display: flex;
	flex-direction: column;
	align-items: center;
	border: 1px solid #e4e4e4;
	border-left: 4px solid blue;
	border-radius: 4px;
	box-shadow: 0 1px 3px rgb(0 0 0 / .1)
}

#osp-limit-box>strong {
	display: inline-block;
	margin: 0 0 12px 0;
	font-size: 18px;
	font-weight: 700;
	color: #000
}

#osp-limit-box>span {
	display: inline-block;
	margin: 0 0 12px 0
}

#osp-limit-box>a.osp-purchase {
	display: inline-block;
	padding: 8px 16px;
	border-radius: 0;
	background: #1d1d1d;
	color: #fff;
	text-decoration: none;
	font-size: 15px;
	font-weight: 600
}

#osp-limit-box>a.osp-purchase:hover {
	color: #fff;
	background: #2d2d2d;
	text-decoration: none
}

#osp-limit-box .osp-box-close {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 30px;
	height: 30px;
	text-align: center;
	color: rgb(0 0 0 / .6);
	background: rgb(0 0 0 / .1);
	border-radius: 5px
}

#osp-limit-box .osp-box-close:hover {
	color: rgb(0 0 0 / .8);
	background: rgb(0 0 0 / .2)
}

#osp-limit-box .osp-box-close>i {
	line-height: 30px;
	font-size: 16px
}

#weaccept-iframe {
	display: none;
	width: 480px;
	height: 800px;
	position: absolute;
	z-index: 9996;
	top: 20px;
	left: 50%;
	margin-top: 0;
	margin-left: -240px;
	border: none;
	background: #fff;
	box-shadow: none;
	border-radius: 3px;
	padding: 0
}

#weaccept-overlay {
	z-index: 9995;
	cursor: default;
	background: #fff;
	opacity: 1
}

#weaccept-close {
	z-index: 9997;
	cursor: pointer;
	position: absolute;
	top: 15px;
	right: 15px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #777;
	font-size: 30px
}

#weaccept-close:hover {
	color: #333
}

#osp-tab-menu {
	float: left;
	clear: both;
	width: 100%;
	margin: 0 0 15px 0;
	background: #fff0;
	position: relative
}

#osp-tab-menu:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -2px;
	height: 2px;
	background: #ccc
}

#osp-tab-menu>div,
#osp-tab-menu>a {
	color: #0d9ecc;
	text-decoration: none;
	font-size: 14px;
	float: left;
	padding: 10px 0;
	margin: 0 20px 0 0;
	position: relative;
	cursor: pointer;
	z-index: 2;
	font-weight: 600
}

#osp-tab-menu>div:after,
#osp-tab-menu>a:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -2px;
	height: 2px;
	background: #fff0
}

#osp-tab-menu>.osp-active {
	font-weight: 600;
	color: #000
}

#osp-tab-menu>.osp-active:after,
#osp-tab-menu>div:hover:after,
#osp-tab-menu>a:hover:after {
	background: #000
}

#osp-tab-menu>div:hover,
#osp-tab-menu>a:hover {
	color: #000;
	text-decoration: none
}

#osp-tab-menu>div:last-child,
#osp-tab-menu>a:last-child {
	margin-right: 0
}

.osp-tab {
	float: left;
	clear: both;
	width: 100%;
	display: block
}

.osp-tab:not(.osp-active) {
	display: none
}

.osp-pay-button:not(.osp-style-check) .paystack-trigger-btn {
	display: flex;
	flex-direction: column-reverse;
	overflow: visible;
	transition: 0.2s;
	font-weight: 500;
	position: relative;
	cursor: pointer;
	height: 120px;
	width: 100%;
	text-align: center;
	padding: 19px 10px;
	border-radius: 3px;
	background: #fff;
	border: 2px solid #ccc;
	text-decoration: none
}

.osp-pay-button:not(.osp-style-check) .paystack-trigger-btn:active,
.osp-pay-button:not(.osp-style-check) .paystack-trigger-btn:active:focus,
.osp-pay-button:not(.osp-style-check) .paystack-trigger-btn:focus,
.osp-pay-button:not(.osp-style-check) .paystack-trigger-btn:hover {
	background: #fff;
	border-color: #0d9ecc
}

.osp-pay-button:not(.osp-style-check) .paystack-trigger-btn:after {
	transition: 0.2s;
	opacity: 0;
	text-indent: 1px;
	content: "\f00c";
	position: absolute;
	font-family: "FontAwesome", "Font Awesome 5 Free";
	right: -15px;
	top: -15px;
	font-size: 13px;
	width: 32px;
	height: 32px;
	border-radius: 100px;
	border: 2px solid #0d9ecc;
	background: #fff;
	color: #333;
	text-align: center;
	line-height: 30px
}

.osp-pay-button:not(.osp-style-check) .paystack-trigger-btn:hover:after {
	opacity: 1
}

.osp-pay-button:not(.osp-style-check) .paystack-trigger-btn .paystack-top-blue {
	margin-bottom: 9px;
	transition: 0.2s;
	letter-spacing: -.5px;
	display: inline-block;
	width: 100%;
	font-size: 13px;
	color: #777;
	line-height: 16px;
	height: 16px;
	font-weight: 700;
	padding: 0
}

.osp-pay-button:not(.osp-style-check) .paystack-trigger-btn:hover>.paystack-top-blue {
	color: #000;
	letter-spacing: -.3px
}

.osp-pay-button:not(.osp-style-check) .paystack-trigger-btn .paystack-body-image {
	transition: 0.2s;
	margin: 0 0 5px 0;
	padding: 0;
	display: inline-block;
	width: 100%;
	height: 48px;
	background: url(../../plugins/osclass_pay/img/payments/paystack.png) no-repeat center center;
	background-size: 100%
}

.osp-status-info {
	float: left;
	clear: both;
	width: 100%;
	border-radius: 3px;
	border: 1px dashed #aaa;
	margin: 10px 0 20px 0;
	padding: 0 0 10px 0
}

.osp-order-cycle {
	float: left;
	clear: both;
	width: 100%;
	position: relative;
	padding: 0;
	margin: 0
}

.osp-order-cycle:after {
	position: absolute;
	content: "";
	left: 17%;
	top: 26px;
	width: 64%;
	height: 2px;
	background: #ddd;
	z-index: 2
}

.osp-order-cycle .osp-step {
	position: relative;
	float: left;
	width: 33.3%;
	display: block;
	text-align: center
}

.osp-order-cycle .osp-step i {
	text-align: center;
	position: relative;
	z-index: 3;
	display: inline-block;
	font-size: 20px;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	line-height: 50px;
	color: #fff;
	border: 1px solid rgb(0 0 0 / .1);
	box-shadow: 1px 1px 6px rgb(0 0 0 / .08)
}

.osp-order-cycle .osp-step>strong {
	float: left;
	width: 100%;
	padding: 10px 10px 0 10px;
	font-size: 14px;
	color: #333;
	font-weight: 600
}

.osp-order-cycle .osp-step>span {
	float: left;
	width: 100%;
	padding: 0 10px 10px 10px;
	font-size: 12px;
	color: #999;
	font-style: italic
}

.osp-cycle-title {
	float: left;
	width: 100%;
	clear: both;
	text-align: center;
	font-size: 16px;
	color: #111;
	font-weight: 600;
	margin: 20px 0 15px 0
}

.osp-order-cycle .osp-step.osp-s1 i {
	background: #4ac7e0
}

.osp-order-cycle .osp-step.osp-s2 i {
	background: #F4A261
}

.osp-order-cycle .osp-step.osp-s3 i {
	background: #72C279
}

.osp-head-row .osp-col {
	line-height: 14px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #333
}

.osp-body .osp-head-row .osp-col.date {
	color: #333
}

.osp-table-wrap {
	float: left;
	clear: both;
	width: 100%;
	max-height: 600px;
	overflow-y: auto
}

.osp-table-orders {
	float: left;
	clear: both;
	width: 100%;
	font-size: 12px;
	margin: 10px 0 15px 0
}

.osp-table-orders .osp-head-row {
	display: inline-block;
	width: 100%;
	clear: both;
	border: none;
	font-weight: 700;
	vertical-align: top;
	border-bottom: solid 1px #a0d0eb;
	color: #444;
	font-size: 12px
}

.osp-table-orders .osp-row {
	display: block;
	width: 100%;
	clear: both;
	float: left;
	background: #FCFDFE;
	font-size: 12px;
	line-height: 16px;
	border-bottom: 1px solid #EAEDEF
}

.osp-table-orders .osp-row:nth-child(odd) {
	background: #fff
}

.osp-table-orders .osp-row:hover {
	background: #f4f8fb
}

.osp-table-orders .status {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: break-word;
	word-break: break-all
}

.osp-table-orders .status span {
	float: left;
	margin: -4px 0;
	max-width: 100%;
	width: auto;
	cursor: default;
	border-radius: 3px;
	background: #666;
	font-size: 12px;
	font-weight: 700;
	padding: 4px 6px 2px 6px;
	color: #fff;
	border-bottom: 2px solid rgb(0 0 0 / .15);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: break-word;
	word-break: break-all
}

.osp-table-orders .status span i {
	margin-right: 1px
}

.osp-table-orders .status.st0 span {
	background: #4ac7e0
}

.osp-table-orders .status.st1 span {
	background: #F4A261
}

.osp-table-orders .status.st2 span {
	background: #72C279
}

.osp-table-orders .osp-line {
	float: left;
	width: 100%;
	clear: both;
	margin: 0 0 1px 0
}

.osp-table-orders .osp-col {
	float: left;
	padding: 8px
}

.osp-table-orders .osp-col.orderid {
	width: 8%;
	position: relative;
	text-align: left;
	font-weight: 700
}

.osp-table-orders .osp-col.paid {
	width: 15%;
	position: relative;
	text-align: right
}

.osp-table-orders .osp-col.paid>div {
	width: 100%;
	clear: both;
	color: #777;
	text-decoration: line-through
}

.osp-table-orders .osp-col.date {
	width: 15%;
	position: relative;
	text-align: center;
	color: #777
}

.osp-table-orders .osp-col.status {
	width: 20%;
	position: relative;
	text-align: left
}

.osp-table-orders .osp-col.payment {
	width: 35px;
	position: relative;
	text-align: right
}

.osp-table-orders .osp-col.payment i {
	cursor: pointer;
	width: 22px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	margin: -4px 0;
	display: inline-block;
	border-radius: 3px;
	color: #3586AE;
	background-color: #edf7fb;
	border: none;
	border-bottom: solid 1px #D8EDF7
}

.osp-table-orders .osp-col.item {
	width: calc(42% - 35px)
}

.osp-table-orders .osp-col.item a {
	color: #2eacce;
	text-decoration: underline
}

.osp-table-orders .osp-col.item a:hover {
	color: #2eacce;
	text-decoration: none
}

.osp-table-orders .osp-col.item span {
	display: inline
}

.osp-table-orders .osp-col.item .qnt {
	margin-right: 2px
}

.osp-table-orders .osp-col.item .amt {
	color: #555
}

.osp-table-orders .osp-col.item .shp {
	color: #444;
	font-weight: 700;
	font-style: italic;
	background: #f0e5bc
}

.osp-table-orders .osp-col.item .shp a {
	color: #444;
	text-decoration: underline
}

.osp-table-orders .osp-col.item .shp a:hover {
	color: #444;
	text-decoration: none
}

.osp-table-orders .osp-row.osp-row-empty {
	text-align: center;
	padding: 30px 25px 20px 25px;
	height: auto
}

.osp-table-orders .osp-row.osp-row-empty i {
	color: #dedede;
	display: block;
	clear: both;
	font-size: 80px;
	text-shadow: #fff 1px 1px 0
}

.osp-table-orders .osp-row.osp-row-empty span {
	margin: 6px 0;
	text-align: center;
	display: block;
	color: #999;
	font-size: 14px
}

.osp-table-orders .osp-pagination {
	background: #f0f0f0
}

.osp-table-sales {
	float: left;
	clear: both;
	width: 100%;
	font-size: 12px;
	margin: 10px 0 15px 0
}

.osp-table-sales .osp-head-row {
	display: inline-block;
	width: 100%;
	clear: both;
	border: none;
	font-weight: 700;
	vertical-align: top;
	border-bottom: solid 1px #a0d0eb;
	color: #444;
	font-size: 12px
}

.osp-table-sales .osp-row {
	display: block;
	width: 100%;
	clear: both;
	float: left;
	background: #FCFDFE;
	font-size: 12px;
	line-height: 16px;
	border-bottom: 1px solid #EAEDEF
}

.osp-table-sales .osp-row:nth-child(odd) {
	background: #fff
}

.osp-table-sales .osp-row:hover {
	background: #f4f8fb
}

.osp-table-sales .status {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: break-word;
	word-break: break-all
}

.osp-table-sales .status span {
	float: left;
	margin: -4px 0;
	max-width: 100%;
	width: auto;
	cursor: default;
	border-radius: 3px;
	background: #666;
	font-size: 12px;
	font-weight: 700;
	padding: 4px 6px 2px 6px;
	color: #fff;
	border-bottom: 2px solid rgb(0 0 0 / .15);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: break-word;
	word-break: break-all
}

.osp-table-sales .status span i {
	margin-right: 1px
}

.osp-table-sales .status.st0 span {
	background: #4ac7e0
}

.osp-table-sales .status.st1 span {
	background: #F4A261
}

.osp-table-sales .status.st2 span {
	background: #72C279
}

.osp-table-sales .osp-line {
	float: left;
	width: 100%;
	clear: both;
	margin: 0 0 1px 0
}

.osp-table-sales .osp-col {
	float: left;
	padding: 8px
}

.osp-table-sales .osp-col.orderid {
	width: 8%;
	position: relative;
	text-align: left;
	font-weight: 700
}

.osp-table-sales .osp-col.paid {
	width: 15%;
	position: relative;
	text-align: right
}

.osp-table-sales .osp-col.paid>div {
	width: 100%;
	clear: both;
	color: #777;
	text-decoration: line-through
}

.osp-table-sales .osp-col.date {
	width: 15%;
	position: relative;
	text-align: center;
	color: #777
}

.osp-table-sales .osp-col.status {
	width: 20%;
	position: relative;
	text-align: left
}

.osp-table-sales .osp-col.payment {
	width: 35px;
	position: relative;
	text-align: right
}

.osp-table-sales .osp-col.payment i {
	cursor: pointer;
	width: 22px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	margin: -4px 0;
	display: inline-block;
	border-radius: 3px;
	color: #3586AE;
	background-color: #edf7fb;
	border: none;
	border-bottom: solid 1px #D8EDF7
}

.osp-table-sales .osp-col.item {
	width: calc(42% - 35px)
}

.osp-table-sales .osp-col.item a {
	color: #2eacce;
	text-decoration: underline
}

.osp-table-sales .osp-col.item a:hover {
	color: #2eacce;
	text-decoration: none
}

.osp-table-sales .osp-col.item span {
	display: inline
}

.osp-table-sales .osp-col.item .qnt {
	margin-right: 2px
}

.osp-table-sales .osp-col.item .amt {
	color: #555
}

.osp-table-sales .osp-col.item .shp {
	color: #444;
	font-weight: 700;
	font-style: italic;
	background: #f0e5bc
}

.osp-table-sales .osp-row.osp-row-empty {
	text-align: center;
	padding: 30px 25px 20px 25px;
	height: auto
}

.osp-table-sales .osp-row.osp-row-empty i {
	color: #dedede;
	display: block;
	clear: both;
	font-size: 80px;
	text-shadow: #fff 1px 1px 0
}

.osp-table-sales .osp-row.osp-row-empty span {
	margin: 6px 0;
	text-align: center;
	display: block;
	color: #999;
	font-size: 14px
}

.osp-table-sales .osp-pagination {
	background: #f0f0f0
}

.osp-table-products {
	float: left;
	clear: both;
	width: 100%;
	font-size: 12px;
	margin: 10px 0 15px 0
}

.osp-table-products .osp-head-row {
	display: inline-block;
	width: 100%;
	clear: both;
	border: none;
	font-weight: 700;
	vertical-align: top;
	border-left: 6px solid #fff0;
	border-bottom: solid 1px #a0d0eb;
	color: #444;
	font-size: 12px
}

.osp-table-products .osp-row {
	display: block;
	width: 100%;
	clear: both;
	float: left;
	background: #FCFDFE;
	font-size: 12px;
	line-height: 16px;
	border-bottom: 1px solid #EAEDEF
}

.osp-table-products .osp-row:nth-child(odd) {
	background: #fff
}

.osp-table-products .osp-row:hover {
	background: #f4f8fb
}

.osp-table-products .osp-row.osp-st-0 {
	border-left: 6px solid #e66e6e
}

.osp-table-products .osp-row.osp-st-1 {
	border-left: 6px solid #dac428
}

.osp-table-products .osp-row.osp-st-2 {
	border-left: 6px solid #72C279
}

.osp-table-products .osp-row.osp-st-9 {
	border-left: 6px solid #ccc;
	background: #f0f0f0
}

.osp-table-products .osp-col {
	float: left;
	padding: 8px
}

.osp-table-products .osp-col.id {
	width: 8%;
	position: relative;
	text-align: left
}

.osp-table-products .osp-col.item {
	width: 23%
}

.osp-table-products .osp-col.item a {
	float: left;
	color: #2eacce;
	text-decoration: underline
}

.osp-table-products .osp-col.item a:hover {
	color: #2eacce;
	text-decoration: none
}

.osp-table-products .osp-col.item span {
	float: left
}

.osp-table-products .osp-col.price {
	width: 20%;
	text-align: right;
	font-weight: 700
}

.osp-table-products .osp-col.avl {
	width: 20%
}

.osp-table-products .osp-col.shipping {
	width: 19%
}

.osp-table-products .osp-col.qty {
	width: 10%
}

.osp-table-products .osp-row .osp-col.avl,
.osp-table-products .osp-row .osp-col.qty,
.osp-table-products .osp-row .osp-col.shipping {
	padding: 4px 2px
}

.osp-table-products .osp-col select,
.osp-table-products .osp-col input[type="number"] {
	float: left;
	width: 100%;
	height: 30px;
	font-size: 13px;
	margin: 0;
	padding-top: 0;
	padding-bottom: 0;
	line-height: 16px;
	overflow: hidden;
	text-overflow: ellipsis
}

.osp-table-products .osp-col input[type="number"] {
	padding-left: 6px;
	padding-right: 6px
}

.osp-table-products .osp-col select {
	padding-left: 2px;
	padding-right: 0
}

.osp-table-products .osp-row.osp-row-empty {
	text-align: center;
	padding: 30px 25px 20px 25px;
	height: auto
}

.osp-table-products .osp-row.osp-row-empty i {
	color: #dedede;
	display: block;
	clear: both;
	font-size: 80px;
	text-shadow: #fff 1px 1px 0
}

.osp-table-products .osp-row.osp-row-empty span {
	margin: 6px 0;
	text-align: center;
	display: block;
	color: #999;
	font-size: 14px
}

.osp-table-products .osp-pagination {
	background: #f0f0f0
}

.osp-table-products .osp-button-row {
	float: left;
	width: 100%;
	margin: 15px 0 -10px 0
}

.osp-button-row button#osp-update-prods {
	transition: 0.1s;
	float: left;
	padding: 8px 25px;
	line-height: 17px;
	;
	font-size: 14px;
	font-weight: 700;
	background: #333;
	color: #fff;
	text-decoration: none;
	box-shadow: none;
	border-radius: 5px
}

.osp-button-row button#osp-update-prods:hover {
	background: #000;
	color: #fff
}

.osp-table-manager {
	float: left;
	clear: both;
	width: 100%;
	font-size: 12px;
	margin: 10px 0 15px 0
}

.osp-table-manager .osp-head-row {
	display: inline-block;
	width: 100%;
	clear: both;
	border: none;
	border-left: 6px solid #fff0;
	font-weight: 700;
	vertical-align: top;
	border-bottom: solid 1px #a0d0eb;
	color: #444;
	font-size: 12px
}

.osp-table-manager .osp-row {
	display: block;
	width: 100%;
	clear: both;
	float: left;
	background: #FCFDFE;
	font-size: 12px;
	line-height: 16px;
	border-bottom: 1px solid #EAEDEF
}

.osp-table-manager .osp-row:nth-child(odd) {
	background: #fff
}

.osp-table-manager .osp-row:hover {
	background: #f4f8fb
}

.osp-table-manager .osp-row.osp-st-0 {
	border-left: 6px solid #4ac7e0
}

.osp-table-manager .osp-row.osp-st-1 {
	border-left: 6px solid #F4A261
}

.osp-table-manager .osp-row.osp-st-2 {
	border-left: 6px solid #72C279
}

.osp-table-manager .osp-row.osp-st-9 {
	border-left: 6px solid #888;
	background: #f0f0f0
}

.osp-table-manager .osp-line {
	float: left;
	width: 100%;
	clear: both;
	margin: 0 0 8px 0
}

.osp-table-manager .osp-line.ord {
	font-weight: 700
}

.osp-table-manager .osp-line.deliv {
	width: auto;
	max-width: 100%;
	padding: 3px 5px;
	background: rgb(0 0 0 / .1);
	border-radius: 3px;
	margin: -3px 0 3px 0;
	line-height: 15px
}

.osp-table-manager .osp-line.deliv i {
	width: 14px;
	text-align: center
}

.osp-table-manager .osp-line.deliv i:before {
	transform: rotate(90deg);
	display: inline-block
}

.osp-table-manager .osp-line.deliv a {
	color: #000;
	text-decoration: underline;
	font-weight: 700
}

.osp-table-manager .osp-line .osp-date {
	border-bottom: 1px dashed rgb(0 0 0 / .2)
}

.osp-table-manager .osp-col {
	float: left;
	padding: 8px
}

.osp-table-manager .osp-col.order {
	width: 30%;
	position: relative;
	text-align: left
}

.osp-table-manager .osp-col.item {
	width: 70%
}

.osp-table-manager .osp-col.item a {
	float: left;
	color: #2eacce;
	text-decoration: underline
}

.osp-table-manager .osp-col.item a:hover {
	color: #2eacce;
	text-decoration: none
}

.osp-table-manager .osp-col.item span {
	float: left
}

.osp-table-manager .osp-col.item .qnt {
	width: 25px
}

.osp-table-manager .osp-col.item .lnk {
	width: calc(100% - 200px)
}

.osp-table-manager .osp-col.item .shp {
	width: calc(100% - 200px);
	font-style: italic;
	font-weight: 700
}

.osp-table-manager .osp-col.item .shp em {
	color: #444;
	background: #f0e5bc
}

.osp-table-manager .osp-col.item .amt {
	width: 70px;
	text-align: right;
	float: left
}

.osp-table-manager .osp-col.item .stat {
	width: 105px;
	padding-left: 20px;
	float: left;
	min-width: 100px
}

.osp-table-manager .osp-col select {
	width: auto;
	float: right;
	margin: -3px 0;
	height: 22px;
	padding-left: 0;
	padding-right: 0;
	font-size: 13px;
	padding-top: 0;
	padding-bottom: 0;
	line-height: 16px;
	overflow: hidden;
	text-overflow: ellipsis
}

.osp-table-manager .osp-row.osp-row-empty {
	text-align: center;
	padding: 30px 25px 20px 25px;
	height: auto
}

.osp-table-manager .osp-row.osp-row-empty i {
	color: #dedede;
	display: block;
	clear: both;
	font-size: 80px;
	text-shadow: #fff 1px 1px 0
}

.osp-table-manager .osp-row.osp-row-empty span {
	margin: 6px 0;
	text-align: center;
	display: block;
	color: #999;
	font-size: 14px
}

.osp-table-manager .osp-pagination {
	background: #f0f0f0
}

.osp-table-manager .osp-button-row {
	float: left;
	width: 100%;
	margin: 15px 0 -10px 0
}

.osp-button-row button#osp-update-orders {
	transition: 0.1s;
	float: left;
	padding: 8px 25px;
	line-height: 17px;
	;
	font-size: 14px;
	font-weight: 700;
	background: #333;
	color: #fff;
	text-decoration: none;
	box-shadow: none;
	border-radius: 5px
}

.osp-button-row button#osp-update-orders:hover {
	background: #000;
	color: #fff
}

.osp-table-manager .osp-icon-tanitan {
	float: left;
	height: 16px;
	width: 16px;
	text-align: center;
	margin: 0 3px 0 0;
	padding: 1px 0;
	font-size: 8px;
	line-height: 13px;
	background: #a1f0da;
	color: rgb(0 0 0 / .65);
	border-radius: 3px;
	box-shadow: 0 1px 2px rgb(0 0 0 / 20%);
	border: 1px solid rgb(0 0 0 / .15)
}

.osp-table-manager .osp-icon-tanitan.osp-itan {
	background: #c3cef4;
	line-height: 12px
}

.osp-table-manager .osp-icon-tanitan.osp-itan {
	background: #ccc;
	line-height: 12px
}

.osp-table-shipping {
	float: left;
	clear: both;
	width: 100%;
	font-size: 12px;
	margin: 10px 0 15px 0
}

.osp-table-shipping .osp-head-row {
	display: inline-block;
	width: 100%;
	clear: both;
	border: none;
	border-left: 6px solid #fff0;
	font-weight: 700;
	vertical-align: top;
	border-bottom: solid 1px #a0d0eb;
	color: #444;
	font-size: 12px
}

.osp-table-shipping .osp-row {
	display: block;
	width: 100%;
	clear: both;
	float: left;
	background: #FCFDFE;
	font-size: 12px;
	line-height: 16px;
	border-bottom: 1px solid #EAEDEF
}

.osp-table-shipping .osp-row:nth-child(odd) {
	background: #fff
}

.osp-table-shipping .osp-row:hover {
	background: #f4f8fb
}

.osp-table-shipping .osp-row.osp-st-0 {
	border-left: 6px solid #ccc;
	background: #f0f0f0
}

.osp-table-shipping .osp-row.osp-st-1 {
	border-left: 6px solid #72C279
}

.osp-table-shipping .osp-col {
	float: left;
	padding: 8px
}

.osp-table-shipping .osp-col.id {
	width: 5%;
	position: relative;
	text-align: left
}

.osp-table-shipping .osp-col.name {
	width: 30%
}

.osp-table-shipping .osp-col.name a {
	float: left;
	color: #2eacce;
	text-decoration: underline
}

.osp-table-shipping .osp-col.name a:hover {
	color: #2eacce;
	text-decoration: none
}

.osp-table-shipping .osp-col.name span {
	float: left
}

.osp-table-shipping .osp-col.delivery {
	width: 28%
}

.osp-table-shipping .osp-col.edit {
	width: 22%
}

.osp-table-shipping .osp-col.amount {
	width: 15%;
	text-align: right;
	font-weight: 700
}

.osp-table-shipping .osp-row.osp-row-empty {
	text-align: center;
	padding: 30px 25px 20px 25px;
	height: auto
}

.osp-table-shipping .osp-row.osp-row-empty i {
	color: #dedede;
	display: block;
	clear: both;
	font-size: 80px;
	text-shadow: #fff 1px 1px 0
}

.osp-table-shipping .osp-row.osp-row-empty span {
	margin: 6px 0;
	text-align: center;
	display: block;
	color: #999;
	font-size: 14px
}

.osp-table-shipping .osp-btn {
	float: right;
	margin: -3px 0;
	height: 26px;
	padding: 5px 7px;
	color: #555;
	line-height: 16px;
	font-size: 13px;
	border-radius: 3px;
	background: #e0e0e0;
	transition: 0.1s;
	font-weight: 700;
	border: 1px solid rgb(0 0 0 / .1);
	border-bottom: 2px solid rgb(0 0 0 / .15)
}

.osp-table-shipping .osp-btn:hover {
	background: #d0d0d0;
	text-decoration: none;
	color: #333
}

.osp-table-shipping .osp-btn.osp-remove {
	background: #e66e6e;
	color: #fff;
	margin-left: 4px
}

.osp-table-shipping .osp-btn.osp-remove:hover {
	background: #d25d5d;
	color: #fff
}

.osp-table-shipping+.osp-button-row {
	float: left;
	width: 100%;
	margin: 0 0 15px 0
}

.osp-button-row a#osp-add-shipping {
	transition: 0.1s;
	float: left;
	padding: 8px 25px;
	line-height: 17px;
	;
	font-size: 14px;
	font-weight: 700;
	background: #333;
	color: #fff;
	text-decoration: none;
	box-shadow: none;
	border-radius: 5px
}

.osp-button-row a#osp-add-shipping:hover {
	background: #000;
	color: #fff
}

.osp-form-shipping {
	float: left;
	width: 100%;
	margin: 15px 0 0 0
}

.osp-form-shipping .osp-t {
	float: left;
	width: 100%;
	margin: 0 0 10px 0;
	font-size: 17px;
	line-height: 20px
}

.osp-form-shipping .osp-row {
	float: left;
	width: 100%;
	margin: 0 0 18px 0
}

.osp-form-shipping .osp-row label {
	float: left;
	width: 100%;
	margin: 0 0 2px 0;
	font-size: 13px;
	line-height: 16px;
	font-weight: 700;
	color: #333;
	text-align: left;
	padding: 0
}

.osp-form-shipping .osp-input {
	float: left;
	width: 100%;
	margin: 0
}

.osp-form-shipping input[type="text"],
.osp-form-shipping input[type="number"] {
	font-size: 14px;
	float: left;
	width: auto;
	min-width: 240px;
	margin: 0;
	padding: 0 8px;
	line-height: 16px;
	height: 36px
}

.osp-form-shipping select {
	float: left;
	width: auto;
	min-width: 160px;
	margin: 0;
	padding: 0 2px;
	line-height: 18px;
	font-size: 14px;
	height: 36px
}

.osp-form-shipping textarea {
	float: left;
	width: 100%;
	max-width: 400px;
	margin: 0;
	padding: 8px;
	line-height: 18px;
	font-size: 14px;
	height: 60px
}

.osp-form-shipping input[type="number"][name="f_fee"] {
	min-width: 80px;
	width: 120px
}

.osp-form-shipping .osp-input-desc {
	float: left;
	height: 36px;
	background: #e4e4e4;
	color: #000;
	font-weight: 700;
	text-align: center;
	padding: 9px 10px;
	line-height: 16px;
	font-size: 14px;
	border: 1px solid rgb(0 0 0 / .2);
	border-left: none
}

.osp-form-shipping .osp-button-row {
	float: left;
	width: 100%;
	margin: 0 0 15px 0;
	padding: 15px 0 0 0;
	border-top: 1px solid #ccc
}

.osp-form-shipping button#osp-update-shipping {
	transition: 0.1s;
	float: left;
	padding: 8px 20px;
	line-height: 17px;
	;
	font-size: 14px;
	font-weight: 700;
	background: #333;
	color: #fff;
	text-decoration: none;
	box-shadow: none;
	border-radius: 5px
}

.osp-form-shipping button#osp-update-shipping:hover {
	background: #000;
	color: #fff
}

.osp-product {
	float: left;
	clear: both;
	padding: 0;
	width: auto !important
}

.osp-product.osp-is-hook {
	display: inline-block;
	width: 100%;
	margin: 20px 0 20px 0
}

.osp-product-to-cart {
	position: relative;
	margin-right: 20px;
	text-decoration: none;
	text-shadow: none;
	border: none;
	height: 40px;
	box-shadow: none;
	border-radius: 4px;
	color: #fff !important;
	background: #0095f6;
	font-weight: 700;
	font-size: 14px;
	line-height: 16px;
	width: auto;
	padding: 12px 15px 12px 40px;
	text-align: center;
	float: left;
	clear: both;
	margin: 0
}

.osp-product-to-cart.osp-has-quantity {
	border-radius: 4px 0 0 4px;
	margin-right: 0
}

.osp-product-to-cart:not(.osp-disabled):hover {
	background: #0398db;
	text-decoration: none !important;
	color: #fff
}

.osp-product-to-cart.osp-disabled {
	cursor: default;
	opacity: .55;
	text-decoration: none
}

.osp-product-to-cart svg {
	position: absolute;
	top: 7px;
	left: 8px;
	width: 24px;
	height: 24px;
	fill: #fff
}

.osp-product-quantity {
	margin-right: 20px;
	float: left;
	padding: 7px 10px;
	height: 40px;
	background: #333;
	font-size: 14px;
	color: #fff;
	border-radius: 0 4px 4px 0;
	line-height: 14px;
	height: 40px;
	text-align: center
}

.osp-product-quantity strong {
	display: block
}

.osp-product-quantity strong.osp-sold-out {
	margin: 7px 0
}

.osp-product-quantity span {
	display: block;
	font-size: 11px
}

.osp-table-banners {
	float: left;
	clear: both;
	width: 100%;
	font-size: 12px;
	margin-top: 20px
}

.osp-table-banners .osp-col {
	float: left;
	padding: 8px
}

.osp-table-banners .osp-col.name {
	width: 20%;
	position: relative
}

.osp-table-banners .osp-col.name a {
	color: #2eacce;
	text-decoration: underline
}

.osp-table-banners .osp-col.name a:hover {
	color: #2eacce;
	text-decoration: none
}

.osp-table-banners .osp-col.name .osp-review-comment {
	position: absolute;
	right: 5px;
	top: 9px;
	font-size: 15px;
	line-height: 16px;
	color: #666;
	cursor: pointer
}

.osp-table-banners .osp-col.views {
	width: 12%;
	text-align: center
}

.osp-table-banners .osp-col.clicks {
	width: 12%;
	text-align: center
}

.osp-table-banners .osp-col.spent {
	width: 12%;
	text-align: center
}

.osp-table-banners .osp-col.budget {
	width: 10%;
	text-align: center
}

.osp-table-banners .osp-col.status {
	width: 17%
}

.osp-table-banners .osp-col.add {
	width: 12%;
	text-align: right;
	padding-left: 0
}

.osp-table-banners .osp-col.remove {
	width: 5%;
	border-left: 1px solid rgb(0 0 0 / .05);
	text-align: center
}

.osp-table-banners .osp-col.remove a {
	font-size: 18px;
	color: #2eacce !important;
	text-decoration: none
}

.osp-table-banners .osp-col.views>span,
.osp-table-banners .osp-col.clicks>span,
.osp-table-banners .osp-col.spent>span {
	font-size: 10px;
	color: #999;
	margin-left: 4px
}

.osp-table-banners .osp-head-row {
	display: inline-block;
	width: 100%;
	clear: both;
	border: none;
	font-weight: 700;
	vertical-align: top;
	border-bottom: solid 1px #a0d0eb;
	color: #444;
	font-size: 12px
}

.osp-table-banners .osp-row {
	display: block;
	width: 100%;
	clear: both;
	float: left;
	background: #FCFDFE;
	font-size: 12px;
	line-height: 16px;
	border-bottom: 1px solid #EAEDEF;
	height: 34px
}

.osp-table-banners .osp-row:nth-child(odd) {
	background: #fff
}

.osp-table-banners .osp-row:hover {
	background: #f4f8fb
}

.osp-table-banners .status {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: break-word;
	word-break: break-all;
	color: #fff
}

.osp-table-banners .status span {
	cursor: default;
	border-radius: 3px;
	background: #444;
	font-size: 12px;
	font-weight: 500;
	padding: 4px 8px 2px 8px;
	color: #fff;
	border-bottom: 2px solid rgb(0 0 0 / .15);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: break-word;
	word-break: break-all
}

.osp-table-banners .status span i {
	margin-right: 1px
}

.osp-table-banners .status.st0 span {
	background: #4ac7e0
}

.osp-table-banners .status.st1 span {
	background: #4ac7e0
}

.osp-table-banners .status.st2 span {
	background: #72C279
}

.osp-table-banners .status.st2.sp1 span {
	background: #E08F95
}

.osp-table-banners .status.st9 span {
	background: #E08F95
}

.osp-table-banners .osp-row.osp-row-empty {
	text-align: center;
	padding: 30px 25px 20px 25px;
	height: auto
}

.osp-table-banners .osp-row.osp-row-empty i {
	color: #dedede;
	display: block;
	clear: both;
	font-size: 80px;
	text-shadow: #fff 1px 1px 0
}

.osp-table-banners .osp-row.osp-row-empty span {
	margin: 6px 0;
	text-align: center;
	display: block;
	color: #999;
	font-size: 14px
}

.osp-table-banners .osp-banner-add-cart {
	height: 25px;
	font-size: 12px;
	font-weight: 600;
	padding: 4px 6px 2px 6px;
	border-radius: 3px;
	color: #fff;
	text-decoration: none;
	background: #F44336;
	border-bottom: 2px solid rgb(0 0 0 / .15)
}

.osp-table-banners .osp-banner-add-cart:hover {
	background: #D32F2F;
	color: #fff;
	text-decoration: none
}

.osp-advertise-here {
	font-weight: 600;
	display: inline-block;
	font-size: 12px;
	margin: 10px 0;
	clear: both;
	text-decoration: none;
	line-height: 15px;
	border-radius: 3px;
	color: #fff;
	width: auto;
	background: #0095f6;
	box-shadow: 1px 1px 4px rgb(0 0 0 / .1);
	padding: 6px 10px
}

.osp-advertise-here:hover {
	color: #fff;
	text-decoration: none;
	background: #0695d6
}

.osp-um+.osp-body .osp-table-wrap,
.osp-um+.osp-body .osp-head-row {
	min-width: 640px
}

.osp-um+.osp-body div[class^="osp-table-"]:not(.osp-table-wrap):not(.osp-table-wrap-cart) {
	overflow-x: auto;
	padding-bottom: 10px
}

.osp-um+.osp-body div[class^="osp-table-"]::-webkit-scrollbar {
	box-shadow: none;
	height: 10px
}

.osp-um+.osp-body div[class^="osp-table-"]::-webkit-scrollbar-thumb {
	-moz-transition: background-color 218ms cubic-bezier(.4, 0, .2, 1);
	-o-transition: background-color 218ms cubic-bezier(.4, 0, .2, 1);
	-webkit-transition: background-color 218ms cubic-bezier(.4, 0, .2, 1);
	transition: background-color 218ms cubic-bezier(.4, 0, .2, 1);
	background-color: rgb(0 0 0 / .12);
	background-clip: initial;
	box-shadow: none
}

.osp-um+.osp-body div[class^="osp-table-"]::-webkit-scrollbar-thumb:hover {
	background-color: #9e9e9e
}

.osp-um+.osp-body div[class^="osp-table-"]::-webkit-scrollbar-corner {
	background: #9e9e9e
}

#banner-dialog.osp-custom-dialog {
	width: 400px !important;
	margin-left: -200px
}

#banner-dialog.osp-custom-dialog .osp-bot {
	padding-top: 5px
}

#banner-dialog label {
	line-height: 16px;
	font-weight: 600;
	width: 100%;
	clear: both;
	display: inline-block;
	margin: 15px 0 1px 0;
	color: #333;
	font-size: 12px
}

#banner-dialog label em {
	font-weight: 500;
	font-size: 11px
}

#banner-dialog input[type="text"],
#banner-dialog input[type="email"],
#banner-dialog input[type="url"],
#banner-dialog textarea {
	float: left;
	width: 100%;
	background: #fff;
	font-size: 13px;
	color: #333;
	padding: 6px;
	height: 34px;
	line-height: 16px;
	border: 1px solid #ccc;
	border-radius: 3px
}

#banner-dialog textarea {
	height: 80px;
	min-width: 100%;
	max-width: 100%;
	font-size: 10px;
	line-height: 13px;
	font-family: monospace
}

#banner-dialog input[type="text"]#budget {
	max-width: 150px;
	padding-left: 40px
}

#banner-dialog p {
	float: left;
	clear: both;
	width: 100%
}

#banner-dialog input[type="submit"] {
	cursor: pointer;
	text-shadow: none;
	border: none;
	box-shadow: none;
	border-radius: 3px;
	color: #fff !important;
	background: #0095f6;
	font-weight: 700;
	font-size: 13px;
	line-height: 16px;
	width: 100%;
	padding: 12px 8px;
	text-align: center;
	float: left;
	clear: both;
	margin-top: 20px
}

#banner-dialog input[type="submit"]:hover {
	background: #0398db
}

#banner-dialog .osp-input-box {
	float: left;
	width: 100%;
	position: relative
}

#banner-dialog .osp-input-box input[type="text"]:first-child,
#banner-dialog .osp-input-box input[type="email"]:first-child,
#banner-dialog .osp-input-box input[type="url"]:first-child {
	padding-left: 32px
}

#banner-dialog .osp-input-box i {
	position: absolute;
	width: 28px;
	height: 28px;
	top: 2px;
	left: 2px;
	text-align: center;
	color: #333;
	font-size: 14px;
	line-height: 28px
}

#banner-dialog .osp-input-box i.fa-dollar {
	font-size: 17px;
	background: #f0f0f0;
	top: 1px;
	left: 1px;
	height: 32px;
	width: 32px;
	line-height: 32px;
	border-right: 1px solid #ccc;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px
}

#banner-dialog .osp-input-box i.fa-dollar:before {
	content: ""
}

#banner-dialog .bprice {
	float: left;
	clear: both;
	width: 100%
}

#banner-dialog .bprice span {
	width: 120px;
	display: inline-block
}

#banner-dialog select[multiple] {
	overflow-y: scroll !important;
	height: auto !important
}

#banner-dialog .bt5 {
	margin-top: 15px
}

#banner-dialog input[name="name"] {
	max-width: 220px
}

#banner-dialog .osp-html-info {
	float: left;
	clear: both;
	width: 100%;
	font-size: 11px;
	font-style: italic;
	line-height: 16px;
	color: #999;
	margin-top: 4px
}

#osp-vcr {
	float: left;
	clear: both;
	width: 100%;
	margin: 10px 0 10px 0;
	font-size: 13px;
	background: #eee;
	border-radius: 3px;
	padding: 12px 10px 18px 10px
}

#osp-vcr .osp-h2 {
	font-size: 13px;
	font-weight: 600;
	color: #333;
	border-bottom: 1px solid rgb(0 0 0 / .05);
	margin-bottom: 8px;
	padding-bottom: 8px
}

#osp-vcr .osp-h2 i {
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 15px;
	background: #ad0ba1;
	color: #fff;
	text-align: center;
	margin-right: 4px;
	box-shadow: 1px 1px 3px rgb(0 0 0 / .1)
}

#osp-vcr .osp-line {
	line-height: 22px;
	float: left;
	clear: both;
	width: 100%
}

#osp-vcr label {
	float: left;
	clear: both;
	width: 100%;
	margin: 20px 0 3px 0;
	font-size: 12px;
	font-weight: 700;
	line-height: 15px;
	color: #333
}

#osp-vcr input[type="text"] {
	float: left;
	clear: both;
	width: 200px;
	margin: 0 5px 0 0;
	height: 30px
}

#osp-vcr button {
	float: left;
	width: auto;
	padding: 6px 10px;
	background: #333;
	opacity: 1 !important;
	border: 1px solid rgb(0 0 0 / .1);
	font-size: 12px;
	line-height: 16px;
	font-weight: 700;
	transition: 0.1s
}

#osp-vcr button:hover {
	background: #555;
	color: #fff
}

#osp-aff {
	float: left;
	clear: both;
	width: 100%;
	margin: 10px 0 30px 0;
	font-size: 14px;
	background: #eee;
	border-radius: 3px;
	padding: 12px 10px
}

#osp-aff .osp-h2 {
	font-size: 14px;
	font-weight: 600;
	color: #333;
	border-bottom: 1px solid rgb(0 0 0 / .05);
	margin-bottom: 8px;
	padding-bottom: 8px
}

#osp-aff .osp-h2 i {
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 15px;
	background: #00A896;
	color: #fff;
	text-align: center;
	margin-right: 4px;
	box-shadow: 1px 1px 3px rgb(0 0 0 / .1)
}

#osp-aff .osp-line {
	line-height: 22px;
	float: left;
	clear: both;
	width: 100%
}

#osp-aff .osp-invite-link {
	word-wrap: break-word;
	word-break: break-all;
	max-width: 100%;
	display: block;
	opacity: .9;
	padding: 5px;
	font-size: 14px;
	font-weight: 500;
	background: #F3FFBD;
	border-radius: 3px;
	border: 1px solid rgb(0 0 0 / .05);
	color: rgb(0 0 0 / .7);
	width: auto;
	float: left
}

#osp-aff .osp-referral-code {
	background: #B2DBBF;
	color: rgb(0 0 0 / .7);
	font-weight: 600;
	padding: 0 3px;
	margin-left: 2px
}

#osp-aff .osp-lab {
	float: left;
	clear: both;
	width: 100%;
	font-size: 14px;
	font-weight: 600;
	color: #111;
	margin-top: 15px
}

#osp-aff .osp-share {
	margin-top: 0;
	float: left;
	clear: both;
	width: 100%
}

#osp-aff .osp-share a {
	overflow: hidden;
	float: left;
	margin: 0 8px 5px 0;
	padding: 4px 8px 4px 38px;
	color: #fff;
	position: relative;
	text-decoration: none;
	font-size: 13px;
	border-radius: 2px;
	height: 30px;
	font-weight: 600
}

#osp-aff .osp-share a i {
	position: absolute;
	left: 0;
	top: 0;
	width: 30px;
	height: 30px;
	font-size: 15px;
	text-indent: 2px;
	line-height: 32px;
	text-align: center;
	background: rgb(0 0 0 / .1);
	border-right: 1px solid rgb(0 0 0 / .05);
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px
}

#osp-aff .osp-share a:hover {
	box-shadow: 0 0 0 15px rgb(0 0 0 / .12) inset
}

#osp-aff .osp-share a.osp-fb {
	background: #3b5998
}

#osp-aff .osp-share a.osp-wa {
	background: #0dc143
}

#osp-aff .osp-share a.osp-tw {
	background: #1ea1f3
}

#osp-aff .osp-share a.osp-gp {
	background: #dd4b3e
}

#osp-aff .osp-share a.osp-li {
	background: #007bb6
}

#osp_referral_info,
#osp_quantity_info,
#osp_sell_info {
	margin-top: 2px;
	font-size: 12px;
	font-style: italic;
	color: #999;
	margin-bottom: 15px
}

.osp-body-pack .osp-h1,
.osp-body-group .osp-h1,
.osp-body-banner .osp-h2,
.osp-body-order .osp-h2,
.osp-body-payments .osp-h2,
.osp-body-item>.osp-h2 {
	background: #fff;
	font-weight: 500;
	margin: 0 0 10px 0;
	padding: 12px 12px 12px 54px;
	border: 1px solid #ddd;
	border-radius: 3px;
	font-size: 14px;
	line-height: 18px;
	box-shadow: 0 1px 3px rgb(0 0 0 / .2);
	position: relative
}

.osp-body-pack .osp-h1:before,
.osp-body-group .osp-h1:before,
.osp-body-banner .osp-h2:before,
.osp-body-order .osp-h2:before,
.osp-body-payments .osp-h2:before,
.osp-body-item>.osp-h2:before {
	position: absolute;
	width: 44px;
	height: calc(100% + 2px);
	left: -1px;
	top: -1px;
	z-index: 2;
	background: #6f8af0;
	border-radius: 3px 0 0 3px;
	content: ""
}

.osp-body-pack .osp-h1:after,
.osp-body-group .osp-h1:after,
.osp-body-banner .osp-h2:after,
.osp-body-order .osp-h2:after,
.osp-body-payments .osp-h2:after,
.osp-body-item>.osp-h2:after {
	position: absolute;
	width: 44px;
	height: 20px;
	line-height: 20px;
	left: -1px;
	top: calc(50% - 1px);
	margin-top: -10px;
	text-shadow: 0 1px 4px rgb(0 0 0 / 20%);
	z-index: 3;
	content: "\f05a";
	font-size: 16px;
	font-weight: 900;
	font-family: "FontAwesome", "Font Awesome 5 Free";
	text-align: center;
	color: rgb(255 255 255 / .85)
}

.osp-body-pack .osp-lab {
	float: left;
	clear: both;
	width: 100%;
	font-size: 14px;
	margin: 10px 0 0 0;
	color: #000;
	font-weight: 600
}

.osp-body-item>.osp-h2 {
	margin-bottom: 20px
}

.osp-restrict-category-wrap {
	display: inline-block;
	width: 100%;
	clear: both;
	text-align: center;
	cursor: defaut
}

.osp-restrict-category {
	background: #fff;
	padding: 40px 25px;
	font-size: 14px;
	line-height: 16px;
	float: none;
	display: inline-block;
	max-width: 560px;
	width: 100%;
	margin: 20px 0 40px 0;
	border: 1px solid #ccc;
	box-shadow: 0 2px 6px rgb(0 0 0 / .15);
	text-align: center;
	border-radius: 5px
}

.osp-restrict-category>i {
	font-size: 100px;
	color: #e0e0e0;
	margin-bottom: 25px
}

.osp-restrict-category .osp-restrict-groups {
	margin-top: 20px;
	border-top: 1px solid #eee;
	padding-top: 12px
}

.osp-restrict-category .osp-restrict-line {
	display: inline-block;
	width: 100%
}

.osp-restrict-category strong.osp-restrict-line {
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 6px
}

.osp-restrict-category .osp-restrict-line a {
	font-size: 14px;
	cursor: pointer;
	font-weight: 700;
	text-decoration: underline;
	color: #2eacce;
	margin-top: 20px;
	display: block
}

.osp-restrict-category a:hover {
	text-decoration: none
}

.osp-restrict-category .osp-group {
	width: 48%;
	margin-right: 4%
}

.osp-restrict-category .osp-group:nth-child(3n+3) {
	margin-right: 4%
}

.osp-restrict-category .osp-group:nth-child(3n+4) {
	clear: none
}

.osp-restrict-category .osp-group:nth-child(odd) {
	clear: both
}

.osp-restrict-category .osp-group:nth-child(even) {
	margin-right: 0
}

.osp-restrict-category .osp-body {
	border: none;
	padding: 0
}

.osp-restrict-category .osp-group .osp-price {
	font-size: 30px;
	padding-top: 5px
}

.osp-restrict-category .osp-restrict-groups .osp-h1 {
	font-size: 14px;
	line-height: 18px;
	font-weight: 500;
	margin: 0 0 8px 0;
	padding: 15px 10px;
	background: #e0e0e0;
	box-shadow: none;
	border: none
}

.payumoney-dialog #payumoney-img,
#form-payumoney #payumoney-img {
	float: left;
	clear: both;
	width: 100%;
	margin-bottom: 20px;
	text-align: center
}

.payumoney-dialog #payumoney-img img,
#form-payumoney #payumoney-img img {
	float: none;
	width: auto;
	max-width: 100%;
	height: 28px;
	max-height: 100%
}

.payumoney-dialog #payumoney-desc,
#form-payumoney #payumoney-desc {
	margin-bottom: 15px;
	font-style: italic;
	color: #999;
	border-bottom: 1px solid #eee;
	padding-bottom: 12px;
	text-align: center
}

.payumoney-dialog #payumoney-price,
#form-payumoney #payumoney-price {
	margin-bottom: 5px;
	font-weight: 500;
	color: #000;
	font-size: 22px;
	line-height: 26px
}

.payumoney-dialog label,
#form-payumoney label {
	line-height: 16px;
	font-weight: 600;
	width: 100%;
	clear: both;
	display: inline-block;
	margin: 15px 0 1px 0;
	color: #333;
	font-size: 12px
}

#form-payumoney label {
	margin: 2px 0;
	font-size: 14px
}

.payumoney-dialog input[type="text"],
#form-payumoney input[type="text"] {
	float: left;
	width: 100%;
	background: #fff;
	font-size: 13px;
	color: #333;
	padding: 6px;
	height: 34px;
	line-height: 16px;
	border: 1px solid #ccc;
	border-radius: 3px
}

.payumoney-dialog p,
#form-payumoney p {
	float: left;
	clear: both;
	width: 100%
}

.payumoney-dialog button[type="submit"],
#uniform-payumoney-submit,
#form-payumoney button[type="submit"] {
	text-shadow: none;
	border: none;
	box-shadow: none;
	border-radius: 3px;
	color: #fff !important;
	background: #0095f6;
	font-weight: 700;
	font-size: 13px;
	line-height: 16px;
	width: 100%;
	padding: 12px 8px;
	text-align: center;
	float: left;
	clear: both;
	margin-top: 20px
}

.payumoney-dialog button[type="submit"]:hover,
#uniform-payumoney-submit:hover,
#form-payumoney button[type="submit"]:hover {
	background: #0398db
}

#uniform-payumoney-submit button {
	display: none !important
}

.payumoney-dialog .osp-input-box,
#form-payumoney .osp-input-box {
	float: left;
	width: 100%;
	position: relative
}

.payumoney-dialog .osp-input-box input[type="text"]:first-child,
#form-payumoney .osp-input-box input[type="text"]:first-child {
	padding-left: 32px !important
}

.payumoney-dialog .osp-input-box i,
#form-payumoney .osp-input-box i {
	position: absolute;
	width: 28px;
	height: 28px;
	top: 2px;
	left: 2px;
	text-align: center;
	color: #333;
	font-size: 14px;
	line-height: 28px
}

.payumoney-dialog #payumoney-userdata,
#form-payumoney #payumoney-userdata {
	margin-bottom: 0;
	margin-top: 30px;
	font-style: italic;
	color: #999;
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
	text-align: center
}

#payumoney-results {
	text-align: center;
	padding: 20px 20px 25px 20px;
	float: left;
	width: 100%;
	clear: both
}

#payumoney-results i {
	display: inline-block;
	clear: both;
	width: 100px;
	text-align: center;
	line-height: 56px;
	font-size: 50px;
	padding: 5px 0;
	color: #ddd
}

#payumoney-results span {
	display: inline-block;
	clear: both;
	width: 100%;
	line-height: 24px;
	text-align: center;
	padding: 10px 20px 5px 20px;
	font-size: 16px;
	color: #333
}

.payumoney-dialog button[type="submit"].osp-disabled,
#uniform-payumoney-submit:disabled,
#form-payumoney button[type="submit"].osp-disabled {
	cursor: wait;
	opacity: .5
}

.przelewy24-dialog [name="p24_country"] {
	width: 100%
}

.przelewy24-dialog p.rw-cty {
	width: 68%;
	margin-right: 2% !important
}

.przelewy24-dialog p.rw-zip {
	width: 30%;
	clear: none
}

.przelewy24-dialog #przelewy24-img {
	float: left;
	clear: both;
	width: 100%;
	margin-bottom: 20px;
	text-align: center
}

.przelewy24-dialog #przelewy24-img img {
	float: none;
	width: auto;
	max-width: 100%;
	height: 28px;
	max-height: 100%
}

.przelewy24-dialog #przelewy24-desc {
	margin-bottom: 0;
	font-style: italic;
	color: #777;
	border-bottom: 1px solid #e0e0e0;
	padding-bottom: 12px;
	text-align: center
}

.przelewy24-dialog #przelewy24-price {
	margin-bottom: 5px;
	font-weight: 500;
	color: #000;
	font-size: 22px;
	line-height: 26px
}

.przelewy24-dialog label {
	line-height: 16px;
	font-weight: 600;
	width: 100%;
	clear: both;
	display: inline-block;
	margin: 15px 0 1px 0;
	color: #333;
	font-size: 12px
}

.przelewy24-dialog input[type="text"],
.przelewy24-dialog select {
	float: left;
	width: 100%;
	background: #fff;
	font-size: 13px;
	color: #333;
	padding: 6px;
	margin: 0;
	height: 34px;
	line-height: 16px;
	border: 1px solid #ccc;
	border-radius: 4px
}

.przelewy24-dialog .osp-input-box select {
	height: auto;
	margin: 0;
	padding: 10px 6px
}

.przelewy24-dialog p {
	float: left;
	clear: both;
	width: 100%
}

.przelewy24-dialog button[type="submit"],
#uniform-przelewy24-submit {
	text-shadow: none;
	border: none;
	box-shadow: none;
	border-radius: 5px;
	color: #fff !important;
	background: #0095f6;
	font-weight: 700;
	font-size: 13px;
	line-height: 16px;
	width: 100%;
	padding: 12px 8px;
	text-align: center;
	float: left;
	clear: both;
	margin-top: 20px
}

.przelewy24-dialog button[type="submit"]:hover,
#uniform-przelewy24-submit:hover {
	background: #0398db
}

#uniform-przelewy24-submit button {
	display: none !important
}

.przelewy24-dialog .osp-input-box {
	float: left;
	width: 100%;
	position: relative
}

.przelewy24-dialog .osp-input-box i {
	position: absolute;
	width: 28px;
	height: 28px;
	top: 2px;
	left: 2px;
	text-align: center;
	color: #333;
	font-size: 14px;
	line-height: 28px
}

.przelewy24-dialog #przelewy24-userdata {
	margin-bottom: 0;
	margin-top: 30px;
	font-style: italic;
	color: #999;
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
	text-align: center
}

#przelewy24-results {
	text-align: center;
	padding: 20px 20px 25px 20px;
	float: left;
	width: 100%;
	clear: both
}

#przelewy24-results i {
	display: inline-block;
	clear: both;
	width: 100px;
	text-align: center;
	line-height: 56px;
	font-size: 50px;
	padding: 5px 0;
	color: #ddd
}

#przelewy24-results span {
	display: inline-block;
	clear: both;
	width: 100%;
	line-height: 24px;
	text-align: center;
	padding: 10px 20px 5px 20px;
	font-size: 16px;
	color: #333
}

.przelewy24-dialog button[type="submit"].osp-disabled,
#uniform-przelewy24-submit:disabled {
	cursor: wait;
	opacity: .5
}

#przelewy24-response {
	display: none;
	float: left;
	clear: both;
	width: 100%;
	margin: 0 0 20px 0;
	background: #e34c4c;
	color: #fff;
	text-align: center;
	border-radius: 5px;
	padding: 10px 12px
}

#stripe-dialog {
	display: none
}

#stripe-dialog-text {
	display: none;
	text-align: center
}

#stripe-dialog-text i {
	display: inline-block;
	clear: both;
	width: 100px;
	text-align: center;
	line-height: 56px;
	font-size: 50px;
	padding: 5px 0;
	color: #ddd
}

#stripe-dialog-text span {
	display: inline-block;
	clear: both;
	width: 100%;
	line-height: 24px;
	text-align: center;
	padding: 10px 20px 5px 20px;
	font-size: 16px;
	color: #333
}

#stripe-dialog-response {
	display: none
}

.osp-table-payments {
	float: left;
	clear: both;
	width: 100%;
	font-size: 12px;
	margin: 10px 0 15px 0
}

.osp-table-payments .osp-col {
	float: left;
	padding: 8px
}

.osp-table-payments .osp-head-row {
	display: inline-block;
	width: 100%;
	clear: both;
	border: none;
	font-weight: 700;
	vertical-align: top;
	border-bottom: solid 1px #a0d0eb;
	color: #444;
	font-size: 12px
}

.osp-table-payments .osp-row {
	display: block;
	width: 100%;
	line-height: 16px;
	clear: both;
	float: left;
	background: #FCFDFE;
	font-size: 12px;
	border-bottom: 1px solid #EAEDEF;
	height: 34px
}

.osp-table-payments .osp-row:nth-child(odd) {
	background: #fff
}

.osp-table-payments .osp-row:hover {
	background: #f4f8fb
}

.osp-table-payments .osp-row.osp-row-title {
	height: auto;
	background: #e4ecf3;
	border: 1px solid rgb(0 0 0 / .15);
	border-top: none;
	font-style: italic;
	font-weight: 600;
	color: #666;
	padding: 8px 8px;
	text-align: center
}

.osp-table-payments .osp-row.osp-row-title.osp-title-alt {
	border: 1px solid rgb(0 0 0 / .15);
	margin-top: 25px
}

.osp-table-payments .osp-row.osp-row-title-iban {
	height: auto;
	background: #fff;
	border: 1px solid rgb(0 0 0 / .15);
	border-top: none;
	font-size: 15px;
	line-height: 17px;
	font-weight: 700;
	color: #111;
	padding: 13px 8px;
	text-align: center
}

.osp-table-payments .osp-row.osp-row-title-iban>strong {
	background: #f4f9d5
}

.osp-row.osp-row-empty {
	text-align: center;
	padding: 30px 25px 20px 25px
}

.osp-row.osp-row-empty i {
	color: #dedede;
	display: block;
	clear: both;
	font-size: 80px;
	text-shadow: #fff 1px 1px 0
}

.osp-row.osp-row-empty span {
	margin: 6px 0;
	text-align: center;
	display: block;
	color: #999;
	font-size: 14px
}

.osp-table-payments .osp-col.source {
	width: 15%;
	text-align: center
}

.osp-table-payments .osp-row .osp-col.source {
	height: 35px;
	background: #6b6b93;
	color: #fff;
	font-weight: 600;
	font-size: 10px;
	margin: -1px 0;
	border: 1px solid rgb(0 0 0 / .15);
	line-height: 16px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
	letter-spacing: -.2px;
	padding-left: 3px;
	padding-right: 3px
}

.osp-table-payments .osp-col.code {
	width: 23%;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: break-word;
	word-break: break-all
}

.osp-table-payments .osp-col.concept {
	width: 32%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: break-word;
	word-break: break-all
}

.osp-table-payments .osp-col.amount {
	width: 15%;
	text-align: center
}

.osp-table-payments .osp-row .osp-col.amount {
	font-weight: 700;
	color: #000;
	text-align: right
}

.osp-table-payments .osp-col.date {
	width: 10%
}

.osp-table-payments .osp-col.details {
	width: 5%;
	text-align: right
}

.osp-table-payments .osp-col.details i {
	cursor: pointer;
	width: 22px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	margin: -3px 0;
	display: inline-block;
	border-radius: 3px;
	color: #3586AE;
	background-color: #edf7fb;
	border: none;
	border-bottom: solid 1px #D8EDF7
}

.osp-table-payments .osp-row .osp-col.date {
	color: #999;
	cursor: pointer
}

.osp-table-payments .osp-row.osp-empty {
	text-align: center;
	padding: 30px 25px 20px 25px;
	height: auto
}

.osp-table-payments .osp-row.osp-empty i {
	color: #dedede;
	display: block;
	clear: both;
	font-size: 80px;
	text-shadow: #fff 1px 1px 0
}

.osp-table-payments .osp-row.osp-empty span {
	text-align: center;
	display: block;
	color: #999;
	font-size: 14px;
	margin-top: 4px
}

.osp-table-payments.osp-table-transfers .osp-row {
	height: auto
}

.osp-table-payments.osp-table-transfers .osp-row .osp-transfer-detail {
	float: left;
	clear: both;
	text-align: center;
	width: 100%;
	background: #d0d0d0;
	color: #000;
	font-weight: 500;
	margin-bottom: 12px;
	padding: 4px 8px;
	font-size: 12px;
	line-height: 14px
}

.osp-table-payments.osp-table-transfers .osp-row .osp-transfer-detail b {
	font-weight: 600
}

#authorizenet-dialog,
#form-authorizenet {
	max-height: 450px !important;
	overflow-x: hidden;
	overflow-y: auto
}

#authorizenet-dialog #authorizenet-img,
#form-authorizenet #authorizenet-img {
	float: left;
	clear: both;
	width: 100%;
	margin-bottom: 20px;
	text-align: center
}

#authorizenet-dialog #authorizenet-img img,
#form-authorizenet #authorizenet-img img {
	float: none;
	width: auto;
	max-width: 100%;
	height: 28px;
	max-height: 100%
}

#authorizenet-dialog #authorizenet-text,
#form-authorizenet #authorizenet-text {
	margin-bottom: 0;
	font-style: italic;
	color: #999;
	border-bottom: 1px solid #eee;
	padding-bottom: 12px;
	text-align: center
}

#authorizenet-dialog #authorizenet-price,
#form-authorizenet #authorizenet-price {
	margin-bottom: 5px;
	font-weight: 500;
	color: #000;
	font-size: 22px;
	line-height: 26px
}

#authorizenet-dialog label,
#form-authorizenet label {
	line-height: 16px;
	font-weight: 600;
	width: 100%;
	clear: both;
	display: inline-block;
	margin: 15px 0 1px 0;
	color: #333;
	font-size: 12px
}

#form-authorizenet label {
	margin: 2px 0;
	font-size: 14px
}

#authorizenet-dialog input[type="text"],
#form-authorizenet input[type="text"] {
	float: left;
	width: 100%;
	background: #fff;
	font-size: 13px;
	color: #333;
	padding: 6px;
	height: 34px;
	line-height: 16px;
	border: 1px solid #ccc;
	border-radius: 3px
}

#authorizenet-dialog p,
#form-authorizenet p {
	float: left;
	clear: both;
	width: 100%
}

#authorizenet-dialog p.bt2,
#form-authorizenet p.bt2 {
	clear: none;
	width: 60%;
	padding-right: 20px
}

#authorizenet-dialog p.bt2 input[type="text"][size="2"],
#form-authorizenet p.bt2 input[type="text"][size="2"] {
	width: 45%;
	clear: none;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-right: none;
	text-align: center
}

#authorizenet-dialog p.bt2 input[type="text"][size="4"],
#form-authorizenet p.bt2 input[type="text"][size="4"] {
	width: 45%;
	clear: none;
	border-radius: 0;
	border-left: none;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	text-align: center
}

#authorizenet-dialog p.bt2 .osp-del,
#form-authorizenet p.bt2 .osp-del {
	text-align: center;
	float: left;
	width: 10%;
	background: #fff;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	color: #aaa;
	font-size: 14px;
	line-height: 34px;
	height: 34px
}

#authorizenet-dialog p.bt3,
#form-authorizenet p.bt3 {
	clear: none;
	width: 40%;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

#authorizenet-dialog p.bt4a,
#form-authorizenet p.bt4a {
	width: 50%;
	padding-right: 10px
}

#authorizenet-dialog p.bt4b,
#form-authorizenet p.bt4b {
	clear: none;
	width: 50%;
	padding-left: 10px
}

#authorizenet-dialog input[type="submit"],
#form-authorizenet input[type="submit"] {
	text-shadow: none;
	border: none;
	box-shadow: none;
	border-radius: 3px;
	color: #fff !important;
	background: #0095f6;
	font-weight: 700;
	font-size: 13px;
	line-height: 16px;
	width: 100%;
	padding: 12px 8px;
	text-align: center;
	float: left;
	clear: both;
	margin-top: 20px
}

#authorizenet-dialog input[type="submit"]:hover,
#form-authorizenet input[type="submit"]:hover {
	background: #0398db
}

#authorizenet-dialog .osp-input-box,
#form-authorizenet .osp-input-box {
	float: left;
	width: 100%;
	position: relative
}

#authorizenet-dialog .osp-input-box input[type="text"]:first-child,
#form-authorizenet .osp-input-box input[type="text"]:first-child {
	padding-left: 32px
}

#authorizenet-dialog .osp-input-box i,
#form-authorizenet .osp-input-box i {
	position: absolute;
	width: 28px;
	height: 28px;
	top: 2px;
	left: 2px;
	text-align: center;
	color: #333;
	font-size: 14px;
	line-height: 28px
}

#authorizenet-dialog p.bt7,
#form-authorizenet p.bt7 {
	width: 60%;
	padding-right: 20px
}

#authorizenet-dialog p.bt8,
#form-authorizenet p.bt8 {
	width: 40%;
	clear: none
}

#authorizenet-dialog #authorizenet-userdata,
#form-authorizenet #authorizenet-userdata {
	margin-bottom: 0;
	margin-top: 30px;
	font-style: italic;
	color: #999;
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
	text-align: center
}

#authorizenet-dialog button,
#form-authorizenet button,
#uniform-authorizenet-submit {
	text-shadow: none;
	border: none;
	box-shadow: none;
	border-radius: 3px;
	color: #fff !important;
	background: #0095f6;
	font-weight: 700;
	font-size: 13px;
	line-height: 16px;
	width: 100%;
	padding: 12px 8px;
	text-align: center;
	float: left;
	clear: both;
	margin-top: 20px
}

#authorizenet-dialog button:hover,
#form-authorizenet button:hover,
#uniform-authorizenet-submit:hover {
	background: #0398db
}

#authorizenet-results,
#form-authorizenet #authorizenet-results,
#authorizenet-response,
#form-authorizenet #authorizenet-response {
	text-align: center;
	display: none
}

#authorizenet-results i,
#form-authorizenet #authorizenet-results i {
	display: inline-block;
	clear: both;
	width: 100px;
	text-align: center;
	line-height: 56px;
	font-size: 50px;
	padding: 5px 0;
	color: #ddd
}

#authorizenet-results span,
#form-authorizenet #authorizenet-results span {
	display: inline-block;
	clear: both;
	width: 100%;
	line-height: 24px;
	text-align: center;
	padding: 10px 20px 5px 20px;
	font-size: 16px;
	color: #333
}

#twocheckout-dialog #twocheckout-img,
#form-twocheckout #twocheckout-img {
	float: left;
	clear: both;
	width: 100%;
	margin-bottom: 20px;
	text-align: center
}

#twocheckout-dialog #twocheckout-img img,
#form-twocheckout #twocheckout-img img {
	float: none;
	width: auto;
	max-width: 100%;
	height: 28px;
	max-height: 100%
}

#twocheckout-dialog #twocheckout-desc,
#form-twocheckout #twocheckout-desc {
	margin-bottom: 0;
	font-style: italic;
	color: #999;
	margin-bottom: 15px;
	padding-bottom: 12px;
	text-align: center
}

#twocheckout-dialog #twocheckout-price,
#form-twocheckout #twocheckout-price {
	margin-bottom: 5px;
	font-weight: 500;
	color: #000;
	font-size: 22px;
	line-height: 26px
}

#twocheckout-dialog label,
#form-twocheckout label {
	line-height: 16px;
	font-weight: 600;
	width: 100%;
	clear: both;
	display: inline-block;
	margin: 15px 0 1px 0;
	color: #333;
	font-size: 14px
}

#form-twocheckout label {
	margin: 2px 0
}

#twocheckout-dialog input[type="text"],
#form-twocheckout input[type="text"] {
	float: left;
	width: 100%;
	background: #fff;
	font-size: 13px;
	color: #333;
	padding: 6px;
	height: 34px;
	line-height: 16px;
	border: 1px solid #ccc;
	border-radius: 3px
}

#twocheckout-dialog p,
#form-twocheckout p {
	float: left;
	clear: both;
	width: 100%
}

#twocheckout-dialog p.bt2,
#form-twocheckout p.bt2 {
	clear: none;
	width: 60%;
	padding-right: 20px
}

#twocheckout-dialog p.bt2 input[type="text"][size="2"],
#form-twocheckout p.bt2 input[type="text"][size="2"] {
	width: 45%;
	clear: none;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-right: none;
	text-align: center
}

#twocheckout-dialog p.bt2 input[type="text"][size="4"],
#form-twocheckout p.bt2 input[type="text"][size="4"] {
	width: 45%;
	clear: none;
	border-radius: 0;
	border-left: none;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	text-align: center
}

#twocheckout-dialog p.bt2 .osp-del,
#form-twocheckout p.bt2 .osp-del {
	text-align: center;
	float: left;
	width: 10%;
	background: #fff;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	color: #aaa;
	font-size: 14px;
	line-height: 34px;
	height: 34px
}

#twocheckout-dialog p.bt3,
#form-twocheckout p.bt3 {
	clear: none;
	width: 40%;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

#twocheckout-dialog input[type="submit"],
#form-twocheckout input[type="submit"] {
	cursor: pointer;
	text-shadow: none;
	border: none;
	box-shadow: none;
	border-radius: 3px;
	color: #fff !important;
	background: #0095f6;
	font-weight: 700;
	font-size: 13px;
	line-height: 16px;
	width: 100%;
	padding: 12px 8px;
	text-align: center;
	float: left;
	clear: both;
	margin-top: 20px
}

#twocheckout-dialog input[type="submit"]:hover,
#form-twocheckout input[type="submit"]:hover {
	background: #0398db
}

#twocheckout-dialog .osp-input-box,
#form-twocheckout .osp-input-box {
	float: left;
	width: 100%;
	position: relative
}

#twocheckout-dialog .osp-input-box input[type="text"]:first-child,
#form-twocheckout .osp-input-box input[type="text"]:first-child {
	padding-left: 32px
}

#twocheckout-dialog .osp-input-box i,
#form-twocheckout .osp-input-box i {
	position: absolute;
	width: 28px;
	height: 28px;
	top: 2px;
	left: 2px;
	text-align: center;
	color: #333;
	font-size: 14px;
	line-height: 28px
}

#twocheckout-dialog p.bt7,
#form-twocheckout p.bt7 {
	width: 60%;
	padding-right: 20px
}

#twocheckout-dialog p.bt8,
#form-twocheckout p.bt8 {
	width: 40%;
	clear: none
}

#twocheckout-dialog #twocheckout-userdata,
#form-twocheckout #twocheckout-userdata {
	margin-bottom: 0;
	margin-top: 30px;
	margin-bottom: 15px;
	font-style: italic;
	color: #999;
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
	text-align: center
}

#twocheckout-results,
#form-twocheckout #twocheckout-results {
	text-align: center;
	padding: 20px 20px 25px 20px;
	float: left;
	width: 100%;
	clear: both
}

#twocheckout-results i,
#form-twocheckout #twocheckout-results i {
	display: inline-block;
	clear: both;
	width: 100px;
	text-align: center;
	line-height: 56px;
	font-size: 50px;
	padding: 5px 0;
	color: #ddd
}

#twocheckout-results span,
#form-twocheckout #twocheckout-results span {
	display: inline-block;
	clear: both;
	width: 100%;
	line-height: 24px;
	text-align: center;
	padding: 10px 20px 5px 20px;
	font-size: 16px;
	color: #333
}

#braintree-dialog #braintree-img,
#form-braintree #braintree-img {
	float: left;
	clear: both;
	width: 100%;
	margin-bottom: 20px;
	text-align: center
}

#braintree-dialog #braintree-img img,
#form-braintree #braintree-img img {
	float: none;
	width: auto;
	max-width: 100%;
	height: 28px;
	max-height: 100%
}

#braintree-dialog #braintree-desc,
#form-braintree #braintree-desc {
	margin-bottom: 0;
	font-style: italic;
	color: #999;
	border-bottom: 1px solid #eee;
	padding-bottom: 12px;
	text-align: center
}

#braintree-dialog #braintree-price,
#form-braintree #braintree-price {
	margin-bottom: 5px;
	font-weight: 500;
	color: #000;
	font-size: 22px;
	line-height: 26px
}

#braintree-dialog label,
#form-braintree label {
	line-height: 16px;
	font-weight: 600;
	width: 100%;
	clear: both;
	display: inline-block;
	margin: 15px 0 1px 0;
	color: #333;
	font-size: 12px
}

#form-braintree label {
	font-size: 14px;
	margin: 2px 0
}

#braintree-dialog input[type="text"],
#form-braintree input[type="text"] {
	float: left;
	width: 100%;
	background: #fff;
	font-size: 13px;
	color: #333;
	padding: 6px;
	height: 34px;
	line-height: 16px;
	border: 1px solid #ccc;
	border-radius: 3px
}

#braintree-dialog p,
#form-braintree p {
	float: left;
	clear: both;
	width: 100%
}

#braintree-dialog p.bt2,
#form-braintree p.bt2 {
	clear: none;
	width: 60%;
	padding-right: 20px
}

#braintree-dialog p.bt2 input[type="text"][size="2"],
#form-braintree p.bt2 input[type="text"][size="2"] {
	width: 45%;
	clear: none;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-right: none;
	text-align: center
}

#braintree-dialog p.bt2 input[type="text"][size="4"],
#form-braintree p.bt2 input[type="text"][size="4"] {
	width: 45%;
	clear: none;
	border-radius: 0;
	border-left: none;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	text-align: center
}

#braintree-dialog p.bt2 .osp-del,
#form-braintree p.bt2 .osp-del {
	text-align: center;
	float: left;
	width: 10%;
	background: #fff;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	color: #aaa;
	font-size: 14px;
	line-height: 34px;
	height: 34px
}

#braintree-dialog p.bt3,
#form-braintree p.bt3 {
	clear: none;
	width: 40%;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

#braintree-dialog button[type="submit"],
#form-braintree button[type="submit"],
.osp-dialog .button#uniform-submit {
	text-shadow: none;
	border: none;
	box-shadow: none;
	border-radius: 3px;
	color: #fff !important;
	background: #0095f6;
	font-weight: 700;
	font-size: 13px;
	line-height: 16px;
	width: 100%;
	padding: 12px 8px;
	text-align: center;
	float: left;
	clear: both;
	margin-top: 20px
}

#braintree-dialog button[type="submit"]:hover,
#form-braintree button[type="submit"]:hover,
.osp-dialog .button#uniform-submit:hover {
	background: #0398db
}

#braintree-dialog .osp-input-box,
#form-braintree .osp-input-box {
	float: left;
	width: 100%;
	position: relative
}

#braintree-dialog .osp-input-box input[type="text"]:first-child,
#form-braintree .osp-input-box input[type="text"]:first-child {
	padding-left: 32px
}

#braintree-dialog .osp-input-box i,
#form-braintree .osp-input-box i {
	position: absolute;
	width: 28px;
	height: 28px;
	top: 4px;
	left: 2px;
	text-align: center;
	color: #333;
	font-size: 14px;
	line-height: 28px
}

#braintree-results,
#form-braintree #braintree-results {
	text-align: center;
	display: none
}

#braintree-results i,
#form-braintree #braintree-results i {
	display: inline-block;
	clear: both;
	width: 100px;
	text-align: center;
	line-height: 56px;
	font-size: 50px;
	padding: 5px 0;
	color: #ddd
}

#braintree-results span,
#form-braintree #braintree-results span {
	display: inline-block;
	clear: both;
	width: 100%;
	line-height: 24px;
	text-align: center;
	padding: 10px 20px 5px 20px;
	font-size: 16px;
	color: #333
}

#braintree-response,
#form-braintree #braintree-response {
	display: none
}

.osp-custom-dialog {
	max-height: 80%;
	cursor: default;
	display: none;
	position: absolute;
	top: 10%;
	left: 50%;
	width: 300px !important;
	height: 80% !important;
	margin-left: -150px;
	z-index: 9999
}

.osp-custom-dialog#blockchain-dialog {
	height: 430px !important
}

.osp-custom-dialog#blockchain-dialog .stage-ready {
	letter-spacing: -.5px
}

.osp-custom-dialog#blockchain-dialog .osp-bot {
	padding-left: 5px;
	padding-right: 5px
}

.osp-custom-dialog .osp-inside {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	float: left;
	clear: both;
	width: 100%;
	border: none;
	background: #fff;
	box-shadow: 2px 2px 15px rgb(0 0 0 / .3);
	border-radius: 3px;
	padding: 0;
	z-index: 999
}

.osp-custom-dialog .osp-top {
	height: 67px;
	float: left;
	clear: both;
	width: 100%;
	display: block;
	border-bottom: 2px solid rgb(0 0 0 / .15);
	position: relative;
	z-index: 3;
	padding: 20px 8px;
	text-align: center;
	background: #0095f6 url(../../plugins/osclass_pay/img/dialog-bg.jpg) repeat center center;
	background-size: 100% 100%;
	color: #fff;
	font-size: 18px;
	font-weight: 500;
	line-height: 24px;
	border-radius: 0;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px
}

.osp-custom-dialog .osp-top>span {
	display: inline-block;
	height: 24px
}

.osp-custom-dialog .osp-top>span>img {
	width: auto;
	max-width: 100%;
	height: 40px;
	margin: -8px 0;
	opacity: .95
}

.osp-custom-dialog .osp-bot {
	overflow-x: hidden;
	height: calc(100% - 67px);
	background: #fff;
	overflow-y: auto;
	bottom: 0;
	auto;
	float: left;
	clear: both;
	width: 100%;
	display: block;
	padding: 20px 20px 25px 20px;
	font-size: 13px;
	color: #444;
	line-height: 20px;
	position: relative;
	z-index: 2
}

.osp-custom-dialog .osp-close {
	cursor: pointer;
	right: 10px;
	top: 50%;
	position: absolute;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	color: rgb(0 0 0 / .4) !important;
	font-size: 18px;
	padding: 0;
	line-height: 30px;
	box-shadow: none;
	background: none;
	border: none;
	background: rgb(0 0 0 / .15);
	border-radius: 50%
}

.osp-custom-dialog .osp-close:hover {
	background: rgb(0 0 0 / .2)
}

.osp-custom-dialog .osp-close:active {
	background: rgb(0 0 0 / .25)
}

.osp-custom-dialog .osp-close i {
	line-height: 30px;
	margin: 0;
	text-indent: 1px
}

.osp-custom-dialog p {
	margin: 5px 0
}

.osp-custom-dialog .stage-loading {
	margin-bottom: 25px
}

.osp-custom-dialog .stage-loading img {
	width: 32px !important;
	height: 32px !important
}

.osp-custom-dialog .stage-ready .qr-code {
	margin-top: 20px;
	float: none
}

.osp-custom-overlay {
	display: none;
	background: #aaa;
	opacity: .3;
	z-index: 9998;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0
}

.osp-custom-dialog input[type="submit"].osp-disabled,
.osp-custom-dialog button[type="submit"].osp-disabled {
	cursor: wait;
	opacity: .5
}

.blockchain.stage-loading i {
	display: inline-block;
	clear: both;
	width: 100px;
	text-align: center;
	line-height: 56px;
	font-size: 50px;
	padding: 5px 0;
	color: #ddd
}

.osp-custom-dialog form,
.osp-dialog form {
	float: left;
	clear: both;
	width: 100%;
	display: block
}

.osp-custom-dialog .osp-response-success {
	float: left;
	clear: both;
	width: 100%;
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	line-height: 22px
}

.osp-custom-dialog .osp-response-success * {
	display: inline-block
}

.osp-custom-dialog .osp-response-success i {
	font-size: 100px;
	color: #8BC34A;
	line-height: 120px;
	margin-top: 50px;
	display: block;
	clear: both
}

.osp-custom-dialog .osp-response-success div {
	font-weight: 600;
	color: #333;
	margin-bottom: 25px;
	display: block;
	clear: both
}

.osp-custom-dialog .osp-response-success span {
	font-size: 12px;
	line-height: 18px;
	display: block;
	clear: both
}

.osp-custom-dialog .osp-response-info {
	float: left;
	clear: both;
	width: 100%;
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	line-height: 22px
}

.osp-custom-dialog .osp-response-info * {
	display: inline-block
}

.osp-custom-dialog .osp-response-info i {
	font-size: 100px;
	color: #999;
	line-height: 120px;
	margin-top: 50px;
	display: block;
	clear: both
}

.osp-custom-dialog .osp-response-info div {
	font-weight: 600;
	color: #333;
	margin-bottom: 15px;
	display: block;
	clear: both
}

.osp-custom-dialog .osp-response-info span {
	font-size: 12px;
	line-height: 18px;
	display: block;
	clear: both
}

.osp-custom-dialog .osp-response-info a {
	float: none;
	font-size: 13px;
	line-height: 18px;
	margin-top: 15px;
	color: #0095f6;
	text-decoration: underline;
	font-weight: 600;
	display: block;
	clear: both
}

.osp-custom-dialog .osp-response-info a:hover {
	text-decoration: none;
	color: #0095f6
}

.osp-custom-dialog .blockchain-icon {
	float: left;
	width: 100%;
	text-align: center;
	font-size: 100px;
	line-height: 100px;
	margin: 30px 0 30px 0
}

.osp-custom-dialog .blockchain-icon.blockchain-success-icon {
	color: #72C279
}

.osp-custom-dialog .blockchain-icon.blockchain-error-icon {
	color: #E08F95
}

body .ui-widget.ui-widget-content.osp-dialog {
	padding: 0;
	border-radius: 4px;
	border: none;
	background: #fff;
	box-shadow: 2px 2px 15px rgb(0 0 0 / .3);
	border-radius: 5px;
	padding: 0;
	z-index: 999
}

.osp-dialog.ui-dialog .ui-dialog-titlebar {
	border: none;
	border-bottom: 2px solid rgb(0 0 0 / .15);
	position: relative;
	z-index: 3;
	padding: 20px 50px;
	text-align: center;
	background: #0095f6 url(../../plugins/osclass_pay/img/dialog-bg.jpg) repeat center center;
	background-size: 100% 100%;
	color: #fff;
	font-size: 18px;
	font-weight: 400;
	line-height: 22px;
	border-radius: 0;
	border-radius: 5px 5px 0 0
}

.osp-dialog.ui-dialog .ui-dialog-titlebar img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto
}

.osp-dialog.ui-dialog .ui-dialog-content {
	padding: 16px 16px 20px 16px;
	font-size: 13px;
	color: #444;
	line-height: 20px;
	position: relative;
	z-index: 2
}

.osp-dialog.ui-dialog .ui-dialog-content p {
	margin: 0
}

.osp-dialog.ui-dialog .ui-button-icon-only .ui-button-text {
	display: none
}

.osp-dialog.ui-dialog .ui-widget-header .ui-dialog-titlebar-close {
	width: 30px;
	height: 30px;
	right: 10px;
	margin-top: -15px;
	color: rgb(0 0 0 / .7) !important;
	font-size: 18px;
	padding: 0;
	line-height: 30px;
	box-shadow: none;
	background: none;
	border: none;
	background: rgb(0 0 0 / .25);
	border-radius: 100px
}

.osp-dialog.ui-dialog .ui-widget-header .ui-dialog-titlebar-close:hover {
	background: rgb(0 0 0 / .15)
}

.osp-dialog.ui-dialog .ui-widget-header .ui-dialog-titlebar-close:active {
	background: rgb(0 0 0 / .1)
}

.osp-dialog.ui-dialog .ui-widget-header .ui-dialog-titlebar-close:after {
	font-family: "FontAwesome", "Font Awesome 5 Free";
	content: "\f00d";
	font-weight: 900
}

.osp-dialog.ui-dialog .ui-widget-header .ui-dialog-titlebar-close>span {
	display: none !important
}

.osp-dialog span.ui-dialog-title {
	display: inline-block;
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	overflow-wrap: break-word;
	word-break: break-word;
	max-width: 100%;
	white-space: normal
}

.osp-dialog.braintree-dialog span.ui-dialog-title>img {
	height: 30px;
	margin: -6px 0
}

.osp-body.osp-body-itempay {
	padding: 0;
	border: none
}

body#body-custom .osp-body.osp-body-itempay {
	background: #fff;
	padding: 20px 20px 25px 20px;
	border-radius: 3px;
	border: 1px solid rgb(0 0 0 / .1);
	margin-top: 15px;
	box-shadow: 2px 2px 8px rgb(0 0 0 / .1)
}

.osp-body-itempay .osp-cart {
	margin-bottom: 20px;
	margin-top: 0
}

.osp-flash.flashmessage {
	display: block;
	width: 100%;
	clear: both;
	margin-bottom: 30px
}

.osp-body-itempay .osp-cart-row:not(.osp-cart-total) .osp-cart-col.prod .p1 {
	float: left;
	margin: 1px 8px 0 0;
	font-size: 12px;
	padding: 8px 6px
}

.osp-body-itempay .osp-cart-col.prod .px {
	float: left;
	max-width: 80%
}

.osp-body-itempay .osp-cart-col.prod .p2 {
	font-size: 14px;
	font-weight: 600;
	float: left;
	clear: both;
	line-height: 15px;
	margin-top: 2px;
	color: #333;
	margin-bottom: 1px
}

.osp-body-itempay .osp-cart-col.prod .p3 {
	font-weight: 500;
	float: left;
	color: #999;
	clear: both;
	font-size: 12px;
	line-height: 14px
}

.osp-body-itempay .osp-cart-row:not(.osp-cart-total) .osp-cart-col.code,
.osp-body-itempay .osp-cart-row:not(.osp-cart-total) .osp-cart-col.delt,
.osp-body-itempay .osp-cart-row:not(.osp-cart-total) .osp-cart-col.pric,
.osp-body-itempay .osp-cart-row:not(.osp-cart-total) .osp-cart-col.qty {
	padding: 17px 3px
}

.osp-body-itempay .osp-cart-row:not(.osp-cart-total) .osp-cart-col {
	padding: 8px 6px
}

.osp-body-itempay .osp-h1 {
	margin-bottom: 10px;
	line-height: 18px;
	font-size: 15px
}

.osp-body-itempay .osp-h2 {
	margin-bottom: 4px;
	font-size: 14px;
	line-height: 18px
}

.osp-body-itempay .osp-cart-col.prod .p2 a {
	text-decoration: underline;
	border: none
}

.osp-body-itempay .osp-cart-col.prod .p2 a:hover {
	text-decoration: none
}

.osp-checkout-head {
	float: left;
	clear: both;
	width: 100%;
	font-size: 15px;
	font-weight: 700;
	line-height: 18px;
	margin: 24px 0 8px 0
}

.osp-promote-form {
	display: inline-block;
	width: 100%;
	clear: both;
	margin: 20px 0 10px 0;
	padding: 8px 15px 0 15px;
	border-radius: 3px;
	background: #f0f0f0;
	border: 1px solid #ddd;
	line-height: 18px;
	box-shadow: 0 2px 6px rgb(0 0 0 / .15)
}

.osp-promote-form.osp-is-publish {
	background: #fff0;
	padding: 0;
	margin: 15px 0;
	border: none;
	border-radius: 0;
	box-shadow: none
}

.osp-promote-form .osp-h1 {
	margin-bottom: 0;
	font-size: 15px
}

.osp-promote-form .osp-h2 {
	color: #888;
	font-size: 13px
}

.osp-promote-form .osp-pb-line {
	background: #fff;
	display: inline-block;
	width: 100%;
	padding: 0;
	font-size: 13px;
	text-align: left;
	float: none;
	position: relative;
	border-radius: 3px;
	margin: 0 0 8px 0;
	box-shadow: 1px 1px 4px rgb(0 0 0 / .06), 0 0 0 1px rgb(0 0 0 / .15) inset
}

.osp-promote-form .osp-pb-line.disabled {
	opacity: .6;
	cursor: default
}

.osp-promote-form .osp-pb-line.pt101 .osp-chk {
	background: #00A896
}

.osp-promote-form .osp-pb-line.pt201 .osp-chk {
	background: #F0F3BD
}

.osp-promote-form .osp-pb-line.pt401 .osp-chk {
	background: #70C1B3
}

.osp-promote-form .osp-pb-line.pt501 .osp-chk {
	background: #E63946
}

.osp-promote-form .osp-pb-line.pt601 .osp-chk {
	background: #F4A261
}

.osp-promote-form .osp-pb-line.pt801 .osp-chk {
	background: #E76F51
}

.osp-promote-form .osp-pb-line.pt101 .osp-text,
.osp-promote-form .osp-pb-line.pt801 .osp-text,
.osp-promote-form .osp-pb-line.pt501 .osp-text {
	width: 100%
}

.osp-promote-form .osp-pb-line label.osp-chk {
	padding: 10px;
	position: absolute;
	left: 0;
	top: 0;
	margin: 0 !important;
	height: 100%;
	width: 50px;
	background: rgb(0 0 0 / .08);
	border: 1px solid rgb(0 0 0 / .15);
	border-right-color: rgb(0 0 0 / .08);
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px
}

.osp-promote-form .osp-pb-line.disabled label.osp-chk {
	cursor: default
}

.osp-promote-form .osp-pb-line .osp-text {
	float: left;
	width: 60%;
	padding: 10px 10px 10px 60px;
	clear: none
}

.osp-promote-form .osp-pb-line .osp-select {
	float: left;
	width: 40%;
	padding: 13px 10px 10px 10px;
	clear: none
}

.osp-promote-form .osp-pb-line .osp-select1 {
	float: left;
	width: 28%;
	padding: 13px 10px 10px 10px;
	clear: none
}

.osp-promote-form .osp-pb-line .osp-select2 {
	float: left;
	width: 12%;
	padding: 13px 10px 10px 0;
	clear: none
}

.osp-promote-form .osp-pb-line .osp-select2 select {
	padding-right: 3px;
	padding-left: 3px
}

.osp-promote-form .osp-pb-line .osp-pb-name {
	font-weight: 600;
	margin: 0 0 3px 0;
	font-size: 14px
}

.osp-promote-form .osp-pb-line .osp-pb-name strong {
	padding: 2px 5px;
	display: inline-block;
	background: #444;
	border-radius: 3px;
	margin-left: 3px;
	color: #fff
}

.osp-promote-form .osp-pb-line .osp-pb-name strong.strike {
	text-decoration: line-through;
	opacity: .4;
	font-style: italic;
	font-weight: 400
}

.osp-promote-form .osp-pb-line .osp-pb-name .freelimit {
	padding: 2px 5px;
	display: inline-block;
	background: #111;
	border-radius: 3px;
	margin-left: 3px;
	color: #fff
}

.osp-promote-form .osp-pb-line .osp-pb-desc {
	font-weight: 500;
	font-size: 13px;
	opacity: .85
}

.osp-promote-form .osp-pb-line .osp-pb-desc>span {
	display: inline-block;
	width: 100%
}

.osp-promote-form .osp-pb-line .osp-pb-desc>span.strike {
	text-decoration: line-through;
	opacity: .6
}

.osp-promote-form .osp-pb-line select {
	margin: 0;
	opacity: 1 !important;
	position: relative;
	left: auto;
	top: auto;
	height: 35px !important;
	color: rgb(0 0 0 / .7);
	cursor: pointer;
	float: left;
	width: 100% !important;
	max-width: 100%;
	min-width: 100%;
	padding: 5px 7px;
	line-height: 17px;
	border: 1px solid rgb(0 0 0 / .2);
	border-radius: 3px;
	font-size: 12px;
	background: #fff !important;
	box-shadow: 2px 3px 5px rgb(0 0 0 / .03) inset
}

.osp-promote-form .osp-pb-line select:hover {
	border-color: rgb(0 0 0 / .15);
	background-color: rgb(255 255 255 / .1) !important
}

.osp-promote-form .osp-pb-line select:disabled {
	cursor: default
}

.osp-promote-form .osp-pb-line .selector {
	padding: 0 !important;
	border: none !important;
	height: auto !important;
	box-shadow: none !important;
	background: none !important;
	width: 100%;
	margin: 0 !important
}

.osp-promote-form .osp-pb-line .selector>span {
	display: none !important
}

.osp-promote-form label.osp-chk {
	display: inline-block;
	width: auto;
	position: relative;
	cursor: pointer
}

.osp-promote-form label.osp-chk.readonly,
.osp-promote-form label.osp-chk.readonly div,
.osp-promote-form label.osp-chk.readonly div:before,
.osp-promote-form label.osp-chk.readonly div:after {
	cursor: default
}

.osp-promote-form label.osp-chk input[type="checkbox"] {
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	visibility: hidden;
	overflow: hidden;
	padding: 0 !important;
	width: 0 !important;
	height: 0 !important;
	margin: 0 !important;
	box-shadow: none !important
}

.osp-promote-form label.osp-chk div {
	cursor: pointer;
	position: absolute;
	padding: 0 !important;
	line-height: 20px;
	font-size: 13px;
	width: auto;
	clear: both;
	left: 50%;
	margin-left: -9px;
	top: 50%;
	margin-top: -11px
}

.osp-promote-form label.osp-chk div:before {
	cursor: pointer;
	content: "";
	width: 18px;
	height: 18px;
	background: rgb(0 0 0 / .1);
	border: 1px solid rgb(0 0 0 / .15);
	font-weight: 500;
	text-shadow: none;
	position: absolute;
	top: 0;
	left: 0;
	text-shadow: none;
	box-shadow: 1px 1px 1px rgb(0 0 0 / .06);
	-moz-box-shadow: 1px 1px 1px rgb(0 0 0 / .06);
	-webkit-box-shadow: 1px 1px 1px rgb(0 0 0 / .06);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}

.osp-promote-form label.osp-chk div:after {
	cursor: pointer;
	text-indent: 1px;
	font-family: "FontAwesome", "Font Awesome 5 Free";
	content: "\f00c";
	color: #fff0;
	font-size: 14px;
	width: 18px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	font-weight: 500;
	text-shadow: none;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}

.osp-promote-form label.osp-chk div:hover:before {
	border-color: rgb(0 0 0 / .25);
	background: rgb(255 255 255 / .2)
}

.osp-promote-form label.osp-chk div:hover:after {
	cursor: pointer;
	text-indent: 1px;
	font-family: "FontAwesome", "Font Awesome 5 Free";
	content: "\f00c";
	color: #fff0;
	font-size: 14px;
	width: 18px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	font-weight: 500;
	text-shadow: none;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}

.osp-promote-form label.osp-chk input[type="checkbox"]:checked+div:before {
	border-color: #333;
	color: #fff;
	background-color: #333;
	text-shadow: 1px 1px 1px rgb(0 0 0 / .1)
}

.osp-promote-form label.osp-chk input[type="checkbox"]:checked+div:after {
	color: #fff
}

.osp-promote-form button[type="submit"],
#uniform-osp-item-promote {
	position: relative;
	text-shadow: none;
	border: none;
	box-shadow: none;
	border-radius: 3px;
	color: #fff !important;
	background: #0095f6;
	font-weight: 700;
	font-size: 14px;
	line-height: 16px;
	width: auto;
	padding: 10px 15px 10px 34px;
	text-align: center;
	float: left;
	clear: both;
	margin-top: 16px;
	margin-bottom: 20px
}

.osp-promote-form button[type="submit"]:hover,
#uniform-osp-item-promote:hover {
	background: #0398db
}

.osp-promote-form button[type="submit"] i,
#uniform-osp-item-promote i {
	font-size: 18px;
	position: absolute;
	top: 4px;
	left: 5px;
	width: 28px;
	height: 28px;
	text-align: center;
	line-height: 28px;
	color: rgb(255 255 255 / .95)
}

@media screen and (min-width:768px) {
	.osp-promote-form.osp-is-publish[data-theme="sigma"] {
		padding-left: 30%
	}
}

.osp-promote-form .osp-wrap {
	float: left;
	clear: both;
	width: 100%;
	border-bottom: 1px solid rgb(0 0 0 / .1);
	padding-bottom: 8px
}

.osp-promote-form form .osp-pb-line {
	box-shadow: 1px 1px 4px rgb(0 0 0 / .1), 0 0 0 1px rgb(0 0 0 / .2) inset
}

.osp-promote-form form .osp-pb-line .osp-chk {
	border-color: rgb(0 0 0 / .1)
}

.osp-body-itempay .osp-promote-form {
	padding: 0;
	background: #fff;
	border: none;
	margin-top: 23px
}

.osp-body-itempay .osp-promote-form form {
	background: #f6f6f6;
	float: left;
	clear: both;
	padding: 22px 15px 15px 15px;
	display: none;
	width: 100%;
	border: 1px solid #ccc;
	box-shadow: 0 2px 6px rgb(0 0 0 / .15);
	border-top: none;
	border-radius: 0 0 3px 3px
}

.osp-body-itempay .osp-promote-form form .osp-pb-line {
	width: calc(50% - 5px);
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
	clear: none
}

.osp-body-itempay .osp-promote-form form .osp-pb-line:nth-child(even) {
	margin-right: 0
}

.osp-body-itempay .osp-promote-form form .osp-pb-line.disabled {
	opacity: .6;
	cursor: default
}

.osp-body-itempay .osp-promote-form form .osp-pb-line .osp-pb-desc {
	display: block;
	margin: 0 0 3px 0;
	width: 100%;
	float: left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-break: break-all;
	word-wrap: break-word
}

.osp-body-itempay .osp-promote-form .osp-h1 {
	cursor: pointer;
	padding: 15px;
	background: #444;
	color: #fff;
	margin: 0 0 -3px 0;
	border-radius: 3px;
	position: relative;
	box-shadow: 2px 2px 6px rgb(0 0 0 / .1)
}

.osp-body-itempay .osp-promote-form .osp-h1:hover {
	background: #333
}

.osp-body-itempay .osp-promote-form .osp-h1:after {
	text-indent: 2px;
	font-family: "FontAwesome", "Font Awesome 5 Free";
	content: "\f107";
	line-height: 34px;
	position: absolute;
	top: 8px;
	right: 10px;
	cursor: pointer;
	width: 32px;
	height: 32px;
	text-align: center;
	font-size: 24px;
	color: rgb(255 255 255 / .9);
	background: rgb(0 0 0 / .1);
	border-radius: 16px
}

.osp-body-itempay .osp-promote-form .osp-h1.is-open:after {
	content: "\f106";
	line-height: 30px
}

.osp-body-itempay .osp-promote-form button[type="submit"] {
	margin-bottom: 4px
}

.osp-manage-top {
	float: left;
	clear: both;
	width: 100%;
	padding-right: 26%;
	position: relative
}

.osp-manage-top .osp-top-button {
	max-width: 200px;
	overflow: hidden;
	text-decoration: none;
	color: #444;
	position: absolute;
	text-align: center;
	right: 0;
	top: 0;
	margin-top: 0;
	width: 25%;
	font-size: 14px;
	font-weight: 600;
	padding: 12px 10px 11px 42px;
	line-height: 16px;
	border: 1px solid #E76F51;
	border-radius: 3px
}

.osp-manage-top .osp-top-button:hover {
	color: #fff;
	background: #E76F51
}

.osp-manage-top .osp-top-button i {
	position: absolute;
	left: 0;
	top: 0;
	width: 40px;
	height: 40px;
	line-height: 42px;
	text-align: center;
	font-size: 16px;
	color: rgb(255 255 255 / .95);
	background: #E76F51;
	border-left: 1px solid rgb(0 0 0 / .08)
}

.osp-item {
	background: #fff;
	font-size: 13px;
	line-height: 16px;
	display: inline-block;
	width: 100%;
	clear: both;
	padding: 15px 100px 15px 110px;
	margin: 0;
	border-bottom: 1px solid #ddd;
	position: relative
}

.osp-item:first-child {
	border-top: 1px solid #ddd
}

.osp-item:last-child {
	border-bottom: none;
	margin-bottom: 0
}

.osp-item .osp-top {
	display: inline-block;
	width: 100%;
	clear: both
}

.osp-item .osp-bot {
	display: inline-block;
	width: 100%;
	clear: both
}

.osp-item .osp-img {
	position: absolute;
	left: 0;
	top: 15px;
	width: 110px;
	height: 90px;
	overflow: hidden
}

.osp-item .osp-img img {
	position: absolute;
	height: auto;
	width: auto;
	max-width: 120%;
	max-height: 120%;
	margin: auto;
	top: -50%;
	left: -50%;
	right: -50%;
	bottom: -50%
}

.osp-item .osp-left {
	float: left;
	width: 100%;
	padding: 0 15px
}

.osp-item .osp-left .osp-h2 {
	margin: 0 0 2px 0
}

.osp-item .osp-left a {
	font-weight: 600;
	transition: 0.2s;
	color: #2eacce;
	text-decoration: none;
	font-size: 14px
}

.osp-item .osp-left a:hover {
	color: #40c9ed;
	text-decoration: underline
}

.osp-item .osp-left .osp-date {
	font-size: 13px;
	color: #888
}

.osp-item .osp-right {
	float: left;
	width: 100%;
	font-size: 16px;
	color: #000;
	font-weight: 600;
	text-align: left;
	padding: 0 15px;
	margin: 4px 0 10px 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.osp-item .osp-right .MCtooltip {
	display: none !important
}

.osp-item .osp-promote {
	transition: 0.2s;
	position: absolute;
	cursor: pointer;
	height: 50px;
	background: #2eacce;
	color: #fff;
	font-weight: 600;
	font-size: 15px;
	text-align: center;
	width: 100px;
	top: 15px;
	right: 0;
	border: 2px solid #2eacce;
	padding: 8px 5px;
	border-radius: 3px
}

.osp-item.open .osp-promote {
	z-index: 97
}

.osp-item .osp-promote:after {
	transition: 0.1s;
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	height: 2px;
	bottom: -1px;
	background: #fff0
}

.osp-item.open .osp-promote:after {
	background: #fff
}

.osp-item .osp-promote:hover {
	background: #2a9dbc;
	border-color: #2a9dbc
}

.osp-item.open .osp-promote {
	background: #fff;
	color: #000;
	border-color: #ccc;
	border-radius: 3px 3px 0 0;
	border-bottom: none
}

.osp-item .osp-promote .osp-text {
	display: inline-block;
	width: 100%;
	font-size: 14px;
	font-weight: 600;
	line-height: 16px
}

.osp-item .osp-promote .osp-icon {
	display: inline-block;
	width: 100%;
	cursor: pointer;
	line-height: 14px
}

.osp-item .osp-promote .osp-icon i {
	line-height: 16px;
	font-size: 16px
}

.osp-item .osp-item-inactive {
	display: inline-block;
	padding: 0 3px;
	background: #e84040;
	color: #fff;
	border-radius: 2px;
	margin-left: 3px;
	font-weight: 700;
	font-size: 10px;
	vertical-align: 1px
}

.osp-item .osp-stat {
	width: 100%;
	display: inline-block;
	clear: both;
	padding: 0 15px;
	z-index: 10
}

.osp-item .osp-stat>span {
	cursor: default;
	float: left;
	width: auto;
	font-size: 11px;
	font-weight: 600;
	line-height: 14px;
	padding: 4px 5px 4px 5px;
	background: #fff0;
	color: #fff;
	margin: 0 5px 5px 0;
	border-left: 3px solid rgb(0 0 0 / .2);
	border-radius: 2px
}

.osp-stat>span.osp-none {
	color: #999;
	font-weight: 400;
	background: #eee
}

.osp-stat>span.osp-101,
.osp-cart-col.prod .p1.osp-101,
em.osp-101,
.osp-i.osp-101 {
	background: #65d094
}

.osp-stat>span.osp-201,
.osp-cart-col.prod .p1.osp-201,
em.osp-201,
.osp-i.osp-201 {
	background: #0095f6;
	cursor: help
}

.osp-stat>span.osp-301,
.osp-cart-col.prod .p1.osp-301,
em.osp-301,
.osp-i.osp-301 {
	background: #C6DABF;
	color: rgb(0 0 0 / .6)
}

.osp-stat>span.osp-401,
.osp-cart-col.prod .p1.osp-401,
em.osp-401,
.osp-i.osp-401 {
	background: #F9A151;
	cursor: help
}

.osp-stat>span.osp-501,
.osp-cart-col.prod .p1.osp-501,
em.osp-501,
.osp-i.osp-501 {
	background: #623B5A
}

.osp-stat>span.osp-601,
.osp-cart-col.prod .p1.osp-601,
em.osp-601,
.osp-i.osp-601 {
	background: #c36196;
	cursor: help
}

.osp-stat>span.osp-701,
.osp-cart-col.prod .p1.osp-701,
em.osp-701,
.osp-i.osp-701 {
	background: #F3E9D2;
	color: rgb(0 0 0 / .6)
}

.osp-stat>span.osp-801,
.osp-cart-col.prod .p1.osp-801,
em.osp-801,
.osp-i.osp-801 {
	background: #F7E66A;
	color: rgb(0 0 0 / .5)
}

.osp-stat>span.osp-1001,
.osp-cart-col.prod .p1.osp-1001,
em.osp-1001,
.osp-i.osp-1001 {
	background: #D0A26F;
	color: rgb(0 0 0 / .6)
}

.osp-stat>span.osp-1101,
.osp-cart-col.prod .p1.osp-1101,
em.osp-1101,
.osp-i.osp-1101 {
	background: #5BC0EB
}

.osp-stat>span.osp-8001,
.osp-cart-col.prod .p1.osp-7001,
em.osp-7001,
.osp-i.osp-7001 {
	background: #e67500
}

.osp-stat>span.osp-8001,
.osp-cart-col.prod .p1.osp-8001,
em.osp-8001,
.osp-i.osp-8001 {
	background: #ebf8a4;
	color: rgb(0 0 0 / .8)
}

.osp-stat>span.osp-9001,
.osp-cart-col.prod .p1.osp-9001,
em.osp-9001,
.osp-i.osp-9001 {
	background: #e32dab
}

.osp-stat>span.osp-3001,
.osp-cart-col.prod .p1.osp-3001,
.osp-stat>span.osp-3002,
.osp-cart-col.prod .p1.osp-3002,
.osp-stat>span.osp-3008,
.osp-cart-col.prod .p1.osp-3008,
.osp-stat>span.osp-3009,
.osp-cart-col.prod .p1.osp-3009,
em.osp-3001,
em.osp-3002,
em.osp-3008,
em.osp-3009,
.osp-i.osp-3001,
.osp-i.osp-3002,
.osp-i.osp-3008,
.osp-i.osp-3009 {
	background: #e67500
}

.osp-stat>span.osp-issue {
	background: #F44336;
	cursor: help
}

.osp-stat>span.osp-issue:after,
.osp-stat>span.osp-201:after,
.osp-stat>span.osp-801:after,
.osp-stat>span.osp-401:after,
.osp-stat>span.osp-601:after {
	font-weight: 500;
	content: "\f05a";
	font-family: "FontAwesome", "Font Awesome 5 Free";
	margin: 0 0 0 4px;
	color: rgb(0 0 0 / .4);
	float: right;
	font-size: 13px;
	line-height: 13px
}

.osp-stat>span.osp-issue:after {
	content: "\f06a"
}

.osp-options {
	display: none;
	height: auto;
	border-radius: 3px 0 3px 3px;
	box-shadow: 0 2px 5px rgb(0 0 0 / .15);
	padding: 15px;
	z-index: 5;
	margin-bottom: 20px;
	position: absolute;
	top: 64px;
	max-width: 500px;
	right: 0;
	width: 65%;
	background: #fff;
	color: #333;
	border: 2px solid #ccc
}

.osp-item.open .osp-options {
	z-index: 96
}

.osp-options .osp-o-row {
	float: left;
	clear: both;
	font-size: 14px;
	font-weight: 600;
	cursor: default;
	width: 100%;
	clear: both;
	display: flex;
	align-items: center;
	flex-direction: row;
	margin: 0 0 10px 0;
	line-height: 16px;
	padding: 5px 0;
	border-bottom: 1px solid rgb(255 255 255 / .2)
}

.osp-options .osp-o-row i,
.osp-options .osp-o-row svg {
	color: #fff;
	fill: #fff;
	text-align: center;
	border-radius: 100px;
	font-size: 16px;
	width: 30px;
	height: 30px;
	line-height: 28px;
	text-align: center;
	float: left;
	margin: -2px 8px 0 0;
	box-shadow: 0 1px 3px rgb(0 0 0 / .3);
	border: 1px solid rgb(0 0 0 / .1);
	box-sizing: border-box
}

.osp-options .osp-o-row svg {
	padding: 7px 0
}

.osp-options .osp-o-row .osp-o-title-box {
	display: flex;
	max-width: calc(100% - 40px);
	flex-direction: column;
	align-items: flex-start
}

.osp-options .osp-o-row .osp-o-title-box>span {
	font-size: 13px;
	font-weight: 400;
	color: #222;
	line-height: 16px;
	margin: 0
}

.osp-options .osp-o-row .osp-o-title-box a.osp-show-pinfo {
	font-size: 13px;
	font-weight: 400;
	line-height: 16px;
	margin: 0
}

.osp-options .osp-block {
	float: left;
	clear: both;
	font-size: 13px;
	font-weight: 500;
	width: 100%;
	clear: both;
	display: inline-block;
	margin: 0 0 20px 0;
	line-height: 20px
}

.osp-options .osp-block:last-child {
	margin-bottom: 4px
}

.osp-options .osp-b-line {
	padding-top: 12px;
	margin-top: 8px;
	border-top: 1px solid #ccc;
	display: flex;
	width: 100%;
	margin-top: 5px;
	justify-content: space-between;
	align-items: flex-start;
	flex-direction: row
}

.osp-options .osp-b-line a.osp-item-to-cart {
	position: relative;
	cursor: default;
	font-size: 15px;
	line-height: 18px;
	text-align: center;
	padding: 9px 12px;
	display: flex;
	align-items: center;
	flex-direction: row;
	width: auto;
	font-weight: 600;
	color: #fff;
	background: #111;
	text-decoration: none;
	border-radius: 4px;
	transition: 0.2s;
	margin-left: auto
}

.osp-options .osp-b-line a.osp-item-to-cart:not(.osp-in-cart):not(.osp-disabled):not(.osp-failed):not(.osp-loading):not(.osp-notin-cart) {
	flex-direction: column;
	cursor: pointer
}

.osp-options .osp-b-line a.osp-item-to-cart:not(.osp-in-cart):not(.osp-disabled):not(.osp-failed):not(.osp-loading):not(.osp-notin-cart):hover {
	color: #fff;
	background: #333;
	text-decoration: none
}

.osp-options .osp-b-line a.osp-item-to-cart>em {
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	margin: -1px 0 0 0;
	display: none
}

.osp-options .osp-b-line a.osp-item-to-cart.osp-in-cart>em {
	display: block
}

.osp-options .osp-b-line a.osp-item-to-cart>em:not(:empty):before {
	content: " ("
}

.osp-options .osp-b-line a.osp-item-to-cart>em:not(:empty):after {
	content: ") "
}

.osp-options .osp-b-line a.osp-item-to-cart i {
	margin: -1px 5px 0 0;
	font-size: 16px
}

.osp-options .osp-b-line a.osp-in-cart i {
	color: #00ab00
}

.osp-options .osp-b-line a.osp-disabled {
	opacity: .7;
	cursor: default
}

.osp-options .osp-b-line a.osp-failed {
	background: #d70000
}

.osp-options .osp-b-line a.osp-loading {
	background: #444;
	cursor: wait
}

.osp-options .osp-b-line a.osp-notin-cart {
	background: #d70000
}

.osp-options .osp-b-line a.osp-view-cart {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	line-height: 18px;
	text-align: center;
	padding: 9px 12px;
	width: auto;
	font-weight: 600;
	color: #333;
	background: #e0e0e0;
	text-decoration: none;
	border-radius: 4px;
	transition: 0.2s
}

.osp-options .osp-b-line a.osp-view-cart:hover {
	background: #d0d0d0
}

.osp-options .osp-b-line.osp-b-line-empty {
	margin: 0 0 3px 0;
	text-align: center;
	font-style: italic;
	padding: 15px 0;
	background: rgb(255 255 255 / .15);
	color: rgb(255 255 255 / .9)
}

.osp-options .osp-line {
	width: 33.3%;
	padding: 0 1px;
	display: inline-block;
	float: left;
	clear: none;
	margin: 0 0 10px 0
}

.osp-options .osp-block[data-type="101"] .osp-line,
.osp-options .osp-block[data-type="501"] .osp-line,
.osp-options .osp-block[data-type="801"] .osp-line {
	width: 100%
}

.osp-options .osp-small-title {
	font-size: 12px;
	display: inline-block;
	width: 100%;
	font-weight: 600;
	color: #444;
	line-height: 18px;
	margin: -10px 0 10px 0;
	padding: 2px 6px;
	border-radius: 3px;
	background: #e0e0e0
}

.osp-options .osp-paid-label {
	display: block;
	float: left;
	clear: both;
	width: auto;
	margin: -10px 0 15px 0;
	font-size: 13px;
	line-height: 16px;
	border: 1px solid #000;
	padding: 2px 5px;
	border-radius: 3px
}

.osp-options .osp-pinfo {
	float: left;
	clear: both;
	display: none;
	font-size: 14px;
	line-height: 18px;
	padding: 10px 12px 10px 40px;
	background: #f1ffae;
	color: #354000;
	font-style: normal;
	margin: -4px 0 24px 0;
	float: left;
	clear: both;
	width: 100%;
	border-radius: 4px;
	position: relative;
	border: 1px solid rgb(0 0 0 / .1)
}

.osp-options .osp-pinfo:before {
	font-family: "FontAwesome", "Font Awesome 5 Free";
	content: "\f128";
	font-weight: 600;
	position: absolute;
	top: 50%;
	left: 10px;
	font-size: 24px;
	line-height: 24px;
	margin-top: -12px;
	color: rgb(0 0 0 / .2)
}

.osp-options .osp-block label {
	display: inline-block;
	width: auto;
	position: relative;
	margin: 0;
	font-weight: 500
}

.osp-options .osp-block label>.square {
	opacity: 0 !important;
	position: absolute !important;
	left: 0 !important;
	top: 0 !important;
	z-index: -1 !important;
	visibility: hidden !important;
	overflow: hidden !important;
	padding: 0 !important;
	width: 0 !important;
	height: 0 !important;
	margin: 0 !important;
	box-shadow: none !important
}

.osp-options .osp-block label>.square:before,
.osp-options .osp-block label>.square:after {
	display: none !important;
	content: ""
}

.osp-options .osp-block label input[type="checkbox"] {
	opacity: 0 !important;
	position: absolute !important;
	left: 0 !important;
	top: 0 !important;
	z-index: -1 !important;
	visibility: hidden !important;
	overflow: hidden !important;
	padding: 0 !important;
	width: 0 !important;
	height: 0 !important;
	margin: 0 !important;
	box-shadow: none !important
}

.osp-options .osp-block label>div>ins {
	display: none !important;
	opacity: 0 !important;
	visibility: hidden !important
}

.osp-options .osp-block label>div {
	cursor: pointer;
	position: relative;
	font-weight: 400;
	float: left;
	padding: 0 8px 0 25px !important;
	line-height: 20px;
	font-size: 13px;
	width: auto;
	clear: both
}

.osp-options .osp-block label>div:before {
	transition: 0.2s;
	cursor: pointer;
	content: "";
	width: 18px;
	height: 18px;
	background: rgb(0 0 0 / .06);
	border: 1px solid rgb(0 0 0 / .15);
	font-weight: 500;
	text-shadow: none;
	position: absolute;
	top: 0;
	left: 0;
	text-shadow: none;
	box-shadow: 1px 1px 1px rgb(0 0 0 / .06);
	border-radius: 3px
}

.osp-options .osp-block label>div:after {
	cursor: pointer;
	text-indent: 0;
	font-family: "FontAwesome", "Font Awesome 5 Free";
	content: "\f00c";
	color: #fff0;
	font-size: 12px;
	width: 18px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	font-weight: 500;
	text-shadow: none;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 3px
}

.osp-options .osp-block label>div:hover:before {
	border-color: rgb(0 0 0 / .25);
	background: rgb(255 255 255 / .15)
}

.osp-options .osp-block label>div:hover:after {
	cursor: pointer;
	font-family: "FontAwesome", "Font Awesome 5 Free";
	content: "\f00c";
	color: #fff0;
	font-size: 12px;
	width: 18px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	font-weight: 500;
	text-shadow: none;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 2px;
	font-weight: 900
}

.osp-options .osp-block label>div>em {
	font-style: normal;
	font-size: 12px;
	font-weight: 700
}

.osp-options .osp-block label>div>b {
	font-size: 13px;
	font-weight: 700;
	margin: 0 4px;
	background: #0d0d0d;
	color: #fff;
	padding: 0 3px
}

.osp-options .osp-block.osp-is-free label>div>em {
	text-decoration: line-through
}

.osp-options .osp-is-free .osp-block label>div>em {
	text-decoration: line-through
}

.osp-options .osp-block label>input[type="checkbox"]:checked+div:before {
	border-color: #333;
	color: #fff;
	background-color: #333;
	text-shadow: 1px 1px 1px rgb(0 0 0 / .1)
}

.osp-options .osp-block label>input[type="checkbox"]:checked+div:after {
	color: #fff;
	font-weight: 900
}

.osp-options .osp-free-msg {
	padding: 6px 10px;
	border: 1px solid #1d1d1d;
	font-style: normal;
	font-size: 13px;
	line-height: 16px;
	float: left;
	clear: both;
	margin: 0 0 8px 0;
	max-width: 100%
}

#osp-promos .osp-options .osp-block label {
	padding: 0
}

.osp-options.osp-boxes-collapsed {
	padding-bottom: 2px
}

.osp-options.osp-boxes-collapsed>.osp-o-row {
	padding-right: 28px;
	position: relative;
	cursor: pointer;
	margin: 2px 0 12px 0
}

.osp-options.osp-boxes-collapsed>.osp-o-row:after {
	cursor: pointer;
	font-family: "FontAwesome", "Font Awesome 5 Free";
	content: "\f0d7";
	font-size: 18px;
	color: #6d6d6d;
	background: #e4e4e4;
	line-height: 24px;
	width: 24px;
	height: 24px;
	border-radius: 5px;
	text-align: center;
	position: absolute;
	right: 0;
	top: 10px;
	z-index: 2
}

.osp-options.osp-boxes-collapsed>.osp-o-row.osp-opened:after {
	transform: scaleY(-1)
}

.osp-options.osp-boxes-collapsed>.osp-block {
	display: none;
	padding-bottom: 10px;
	border-bottom: 1px solid #d4d4d4;
	margin-bottom: 12px
}

.osp-options.osp-boxes-collapsed>.osp-block:last-child {
	border: none;
	padding-bottom: 0;
	margin-bottom: 4px
}

.osp-options.osp-boxes-collapsed>.osp-block[data-type="601_1"] {
	border: none;
	padding-bottom: 0;
	margin-bottom: 14px;
	margin-top: 2px
}

.osp-options.osp-boxes-collapsed>.osp-block[data-type="601_2"] {
	border: none;
	padding-bottom: 0;
	margin-bottom: 4px
}

.osp-body-group .osp-content {
	margin-top: 10px
}

.osp-group {
	display: inline-block;
	float: left;
	padding: 0;
	border-radius: 2px;
	position: relative;
	margin: 0 15px 15px 0;
	width: calc(33.33% - 10px);
	text-align: left;
	cursor: default
}

.osp-group:nth-child(3n+3) {
	margin-right: 0
}

.osp-group:nth-child(3n+4) {
	clear: both
}

.osp-group.active {
	box-shadow: 0 0 0 1px var(--mb-color-primary, #0000e7);
	border-color: var(--mb-color-primary, #0000e7)
}

.osp-group .osp-top {
	float: left;
	clear: both;
	width: 100%;
	padding: 12px 8px 20px 8px;
	border: 1px solid rgb(0 0 0 / .1);
	text-align: center;
	position: relative;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px
}

.osp-group .osp-right2 {
	float: left;
	clear: both;
	width: 100%;
	padding: 28px 12px 12px 12px;
	border: 1px solid rgb(0 0 0 / .1);
	font-size: 13px;
	line-height: 17px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px
}

.osp-group .osp-h2 {
	text-transform: uppercase;
	font-size: 20px;
	font-weight: 600;
	color: rgb(0 0 0 / .8);
	border-bottom: 1px solid rgb(0 0 0 / .15);
	padding: 8px 0 12px 0
}

.osp-group .osp-desc {
	font-size: 14px;
	line-height: 18px;
	color: rgb(255 255 255 / .9)
}

.osp-group .osp-price {
	font-size: 40px;
	color: #fff;
	font-weight: 500;
	padding: 20px 0 0 0;
	line-height: 40px
}

.osp-group .osp-cost {
	font-size: 13px;
	color: #fff;
	font-weight: 500;
	font-style: italic;
	line-height: 24px;
	margin-top: 5px;
	margin-bottom: 8px
}

.osp-group .osp-perc {
	font-weight: 500;
	margin: 0;
	padding: 8px 0;
	float: left;
	clear: both;
	width: 100%;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-break: break-all;
	word-wrap: break-word
}

.osp-group .osp-perc+.osp-perc,
.osp-group .osp-perc+.osp-cats {
	border-top: 1px solid #ddd
}

.osp-group .osp-cats {
	font-weight: 500;
	margin-bottom: 10px;
	padding-top: 8px;
	height: 59px;
	overflow: hidden;
	float: left;
	clear: both;
	width: 100%;
	display: block
}

.osp-group .osp-perc.osp-none,
.osp-group .osp-cats.osp-none {
	color: #ccc;
	font-size: 13px
}

.osp-group .osp-label {
	float: left;
	clear: both;
	width: 100%;
	display: block;
	margin: 10px 0 2px 0;
	font-weight: 600;
	font-size: 12px;
	line-height: 16px
}

.osp-body .osp-group select.osp-select {
	position: relative;
	top: auto;
	left: auto;
	float: left;
	clear: both;
	width: 100%;
	display: block;
	margin: 0
}

.osp-body .osp-group .selector {
	padding: 0 !important;
	border: none !important;
	height: auto !important;
	box-shadow: none !important;
	background: none !important;
	width: 100%;
	margin: 0 !important
}

.osp-body .osp-group .selector>span {
	display: none !important
}

.osp-group .osp-cart-keep {
	position: absolute;
	width: 100%;
	bottom: -18px;
	left: 0;
	text-align: center
}

.osp-group .osp_cart_add {
	cursor: pointer;
	display: inline-block;
	background: #fff;
	padding: 8px 14px;
	color: #222;
	font-weight: 600;
	font-size: 14px;
	border-radius: 5px;
	box-shadow: 0 2px 5px rgb(0 0 0 / .2);
	transition: 0.15s;
	text-decoration: none
}

.osp-group .osp_cart_add:not(.osp-disabled):hover {
	transform: scale(1.1)
}

.osp-group .osp_cart_add.osp-disabled {
	opacity: .6;
	cursor: not-allowed
}

.osp-group .osp-is-active {
	position: absolute;
	right: -10px;
	top: -10px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	border-radius: 25px;
	text-align: center;
	font-size: 24px;
	font-weight: 500;
	background: #333;
	color: #fff;
	box-shadow: 1px 1px 3px rgb(0 0 0 / .1)
}

.osp-group .osp-is-active i {
	line-height: 50px
}

.osp-um {
	display: inline-block;
	width: 100%;
	clear: both;
	margin: 0
}

ul.osp-um-inside {
	border-bottom: 2px solid #ccc;
	float: left;
	width: 100%;
	clear: both;
	list-style-type: none;
	margin: 0 !important;
	padding: 0 !important;
	display: inline-block
}

ul.osp-um-inside li {
	float: left;
	clear: none;
	margin: 0 !important;
	padding: 0 !important;
	width: 14.28%
}

ul.osp-um-inside.elem6 li {
	width: 16.66%
}

ul.osp-um-inside.elem5 li {
	width: 20%
}

ul.osp-um-inside.elem4 li {
	width: 25%
}

ul.osp-um-inside.elem3 li {
	width: 33.3%
}

ul.osp-um-inside li a {
	transition: 0.2s;
	border: 1px solid #ddd;
	border-right: none;
	border-bottom: none;
	overflow: visible;
	position: relative;
	height: 64px;
	text-align: center;
	width: 100%;
	float: left;
	display: block;
	padding: 9px 5px;
	display: flex;
	font-size: 14px;
	line-height: 15px;
	font-weight: 600;
	color: #0d9ecc;
	text-decoration: none;
	position: relative;
	background: #eee
}

ul.osp-um-inside li a.active {
	margin-bottom: -2px;
	height: 66px;
	background: #fff;
	font-weight: 700;
	color: #000;
	padding-bottom: 11px
}

ul.osp-um-inside li.cart a {
	z-index: 2
}

ul.osp-um-inside li a:not(.active):hover {
	background: #fff;
	color: #000
}

!ul.osp-um-inside li a.active:after {
	z-index: 2;
	content: "";
	box-shadow: 0 0 0 2px rgb(0 0 0 / .1);
	display: block;
	width: 0;
	height: 0;
	border: 15px solid #fff;
	position: absolute;
	top: 62px;
	left: 50%;
	transform: rotate(45deg);
	transform-origin: 0 0
}

ul.osp-um-inside li:last-child a {
	border-right: 1px solid #ddd;
}

!ul.osp-um-inside li a>span em {
	display: inline;
	background: rgb(0 0 0 / .1);
	padding: 0 2px;
	margin-left: 1px;
	font-style: normal
}

ul.osp-um-inside li a>span em {
	display: block;
	font-style: normal;
	color: #000;
	font-size: 11px;
	margin: 0;
	position: absolute;
	right: -7px;
	top: -8px;
	padding: 3px 4px;
	background: #fff;
	line-height: 12px;
	border-radius: 3px;
	box-shadow: 0 1px 5px rgb(0 0 0 / 40%)
}

ul.osp-um-inside li a>span em:after {
	width: 6px;
	height: 6px;
	color: #fff0;
	background: #fff;
	display: block;
	content: "";
	transform: rotate(45deg);
	bottom: -3px;
	left: 12px;
	position: absolute;
	border-radius: 5px 0 0 0;
	box-shadow: 1px 1px 1px rgb(0 0 0 / 15%)
}

ul.osp-um-inside li a>i {
	display: none
}

ul.osp-um-inside li a>span {
	display: inline-block;
	white-space: normal;
	word-break: break-word;
	max-width: 100%;
	margin: auto;
	text-align: center;
	max-height: 45px;
	overflow: hidden
}

ul.osp-um-inside li:first-child a {
	border-top-left-radius: 4px
}

ul.osp-um-inside li:last-child a {
	border-top-right-radius: 4px
}

.osp-body {
	clear: both;
	display: inline-block;
	width: 100%;
	float: none;
	background: #fff;
	padding: 15px 15px 5px 15px;
	border: 1px solid #ddd;
	border-radius: 4px
}

.osp-um+.osp-body {
	border-top: none;
	border-radius: 0 0 4px 4px
}

.osp-h1 {
	clear: both;
	display: inline-block;
	width: 100%;
	float: none;
	font-size: 14px;
	font-weight: 600;
	color: #444;
	margin: 5px 0 15px 0
}

.osp-h1 strong {
	text-decoration: underline
}

.osp-h2 {
	clear: both;
	display: inline-block;
	width: 100%;
	float: none;
	font-size: 13px;
	font-weight: 500;
	color: #333;
	margin: 0 0 10px 0
}

.osp-content {
	clear: both;
	display: inline-block;
	width: 100%;
	float: none
}

.osp-body div.select-box,
.osp-promote-form div.select-box {
	z-index: 1;
	position: inherit;
	width: initial;
	background: none !important;
	border: none;
	border-radius: 0;
	display: initial;
	vertical-align: initial;
	color: initial !important;
	line-height: inherit;
	text-decoration: none;
	box-shadow: none;
	text-shadow: none;
	padding: 0;
	overflow: hidden
}

.osp-body div.select-box a,
.osp-promote-form div.select-box a {
	display: none !important
}

.osp-body select.osp-select,
.osp-promote-form select.osp-select,
.osp-promote-form .select-box select {
	height: 36px;
	opacity: 1 !important;
	position: initial;
	left: auto;
	top: auto;
	width: auto;
	height: auto;
	-webkit-appearance: menulist !important;
	z-index: 1;
	padding: 0
}

.osp-body select.osp-select,
.osp-promote-form select.osp-select,
.osp-promote-form .select-box select {
	cursor: pointer;
	float: left;
	clear: none;
	background: #fff;
	border: 1px solid rgb(0 0 0 / .2);
	font-size: 13px;
	height: 36px;
	padding: 7px 8px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px
}

.osp-body .paginate {
	margin: 10px 0 0 0;
	padding: 15px 0 8px 0;
	text-align: center;
	clear: both;
	float: left;
	width: 100%;
	border-top: 1px solid #eee
}

.osp-body .paginate a,
.osp-body .paginate span {
	border: none;
	float: none;
	display: inline-block;
	text-decoration: none;
	text-align: center;
	width: 36px;
	font-weight: 600;
	margin: 0 3px 0 2px;
	font-size: 12px;
	line-height: 12px;
	padding: 12px 15px;
	color: #333;
	background: #ddd;
	cursor: pointer
}

.osp-body .paginate a.searchPaginationSelected,
.osp-body .paginate a:hover {
	font-weight: 700;
	background-color: #0398db;
	color: #fff
}

.osp-body .paginate a.searchPaginationSelected {
	color: #fff;
	background: #0095f6;
	font-weight: 700
}

.osp-body .paginate a:hover,
.osp-body .paginate span:hover {
	color: #fff;
	background: #0095f6
}

.osp-cart {
	font-size: 13px;
	display: inline-block;
	width: 100%;
	clear: both;
	margin: 5px 0 15px 0
}

.osp-cart .osp-cart-row {
	display: inline-block;
	width: 100%;
	clear: both;
	background: #FCFDFE;
	border-bottom: 1px solid #EAEDEF
}

.osp-cart .osp-cart-row:nth-child(odd) {
	background: #fff
}

.osp-cart .osp-cart-row:hover {
	background: #f4f8fb
}

.osp-cart .osp-cart-col {
	padding: 12px 6px;
	float: left;
	width: 12%;
	line-height: 17px
}

.osp-cart .osp-cart-col.bold {
	font-weight: 600
}

.osp-cart .osp-cart-head-row {
	display: inline-block;
	width: 100%;
	clear: both;
	font-size: 12px;
	border: none;
	font-weight: 400;
	vertical-align: top;
	border-bottom: 1px solid #a0d0eb;
	color: #333
}

.osp-cart .osp-cart-head-row .osp-cart-col {
	font-weight: 600;
	padding-top: 8px;
	padding-bottom: 8px
}

.osp-cart-col.code {
	width: 5%;
	text-align: center
}

.osp-cart-col.prod {
	width: 64%
}

.osp-cart-col.prod.t7001 {
	padding-right: 75px;
	position: relative
}

.osp-cart-col.prod .p1 {
	display: inline-block;
	cursor: default !important;
	border-left: 3px solid rgb(0 0 0 / .2);
	padding: 2px 4px 2px 3px;
	border-radius: 2px;
	color: #fff;
	background: #333;
	font-size: 11px;
	font-weight: 600;
	line-height: 14px;
	margin: -2px 1px -2px 0;
	vertical-align: 1px
}

.osp-cart-col.prod .p1 i {
	margin: 0 3px 0 0;
	font-size: 13px;
	line-height: 14px;
	float: left
}

.osp-cart-col.prod .p2 a {
	color: #000;
	text-decoration: none;
	border-bottom: 1px dashed #8be2f9
}

.osp-cart-col.prod .p2 a:hover {
	color: #2eacce;
	text-decoration: none;
	border-bottom-color: #2eacce
}

.osp-cart-col.prod .p2 u {
	color: #000;
	text-decoration: none;
	border-bottom: 1px dashed #ddd
}

.osp-cart-col.qty {
	width: 6%;
	text-align: center
}

.osp-cart-col.qty input[type="text"] {
	float: none !important;
	display: inline-block !important;
	max-width: 40px;
	width: 100%;
	height: 28px !important;
	margin: -5px 0;
	line-height: 28px;
	font-size: 13px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 3px;
	text-align: center
}

.osp-cart-col.qty input[type="text"]:hover,
.osp-cart-col.qty input[type="text"]:focus {
	border-color: #aaa
}

.osp-cart-col.qty.osp-editable>span {
	border: 1px solid rgb(0 0 0 / .06);
	display: inline-block;
	height: 28px;
	line-height: 26px;
	margin: -5px 0;
	border-radius: 3px;
	background: #f8f8f8;
	cursor: pointer;
	width: 100%;
	max-width: 40px
}

.osp-cart-col.pric {
	width: 20%;
	cursor: default;
	font-weight: 600;
	color: #000;
	text-align: right
}

.osp-cart-col.pric.has-unit {
	cursor: pointer
}

.osp-cart-col.delt {
	width: 5%;
	text-align: center
}

.osp-cart-col.delt a {
	font-size: 15px;
	color: #2eacce !important;
	transition: 0.2s;
	text-decoration: none
}

.osp-cart-col.delt a.osp-disabled {
	opacity: .3;
	cursor: not-allowed
}

.osp-cart-col.delt a:not(.osp-disabled):hover {
	color: #40c9ed !important;
	text-decoration: none
}

.osp-cart-row .osp-cart-col.delt {
	border-left: 1px solid rgb(0 0 0 / .05)
}

.osp-cart-empty {
	text-align: center;
	padding: 30px 25px 20px 25px
}

.osp-cart-empty i {
	color: #dedede;
	display: block;
	clear: both;
	font-size: 80px;
	text-shadow: #fff 1px 1px 0
}

.osp-cart-empty span {
	text-align: center;
	display: block;
	color: #999;
	font-size: 14px;
	margin-top: 4px
}

.osp-cart .osp-cart-row.osp-cart-total {
	font-weight: 600;
	border-top: 1px solid #EAEDEF;
	background: #f4f8fb
}

.osp-cart .osp-cart-row.osp-cart-total .osp-cart-col.pric>span {
	background: rgb(0 0 0 / .05);
	padding: 6px 8px;
	display: inline;
	border-radius: 3px
}

.osp-body-itempay .osp-cart-col.pric {
	text-align: center
}

.osp-pay-msg,
.osp-pay-err {
	background: #fff;
	font-weight: 500;
	margin: 0 0 10px 0;
	padding: 12px 12px 12px 54px;
	border: 1px solid #ddd;
	border-radius: 3px;
	font-size: 14px;
	line-height: 18px;
	box-shadow: 0 1px 3px rgb(0 0 0 / 20%);
	position: relative
}

.osp-pay-msg:before,
.osp-pay-err:before {
	position: absolute;
	width: 44px;
	height: calc(100% + 2px);
	left: -1px;
	top: -1px;
	z-index: 2;
	background: #d1c232;
	border-radius: 3px 0 0 3px;
	content: ""
}

.osp-pay-msg:after,
.osp-pay-err:after {
	position: absolute;
	width: 44px;
	height: 20px;
	line-height: 20px;
	left: -1px;
	top: calc(50% - 1px);
	margin-top: -10px;
	text-shadow: 0 1px 4px rgb(0 0 0 / 15%);
	z-index: 3;
	content: "\f05a";
	font-size: 16px;
	font-weight: 900;
	font-family: "FontAwesome", "Font Awesome 5 Free";
	text-align: center;
	color: rgb(255 255 255 / .85)
}

.osp-pay-err:before {
	background: #de4a4a
}

.osp-pay-err:after {
	content: "\f071"
}

.osp-pay-msg.dlvr:after {
	content: "\f0d1"
}

.osp-body-cart+.osp-pay-err,
.osp-body-cart+.osp-pay-msg {
	margin-top: 15px
}

.osp-body-cart~.osp-pay-msg,
.osp-body-cart~.osp-pay-err {
	float: left;
	width: 100%;
	clear: both
}

.osp-cart-col.prod .p2 a.osp-shipper {
	border: none;
	color: #333;
	text-decoration: none;
	font-weight: 700
}

.osp-cart-col.prod .p2 a.osp-shipper:hover {
	color: #333;
	text-decoration: underline
}

.osp-pack {
	color: #fff !important;
	display: inline-block;
	width: 100%;
	float: left;
	margin: 0 0 12px 0;
	padding: 14px;
	border-radius: 2px;
	position: relative;
	text-shadow: 1px 1px 3px rgb(0 0 0 / .2)
}

.osp-pack .osp-h2 {
	color: inherit;
	font-weight: 600;
	font-size: 16px;
	line-height: 20px;
	margin: 0
}

.osp-pack .osp-desc {
	font-size: 12px;
	line-height: 16px
}

.osp-pack .osp-group {
	position: absolute;
	top: 0;
	right: 5px;
	font-weight: 500;
	background: rgb(0 0 0 / .7);
	color: #fff;
	text-shadow: 1px 1px 1px rgb(0 0 0 / .2);
	padding: 0;
	line-height: 36px;
	width: 36px;
	height: 36px;
	border-radius: 18px;
	text-align: center
}

.osp-pack .osp-group i {
	cursor: default;
	font-size: 16px;
	font-weight: 500;
	line-height: 36px;
	width: 36px;
	height: 36px;
	text-align: center
}

.osp-pack .osp-right2 a {
	transition: 0.2s;
	text-align: center;
	float: right;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	color: #fff;
	background: rgb(0 0 0 / .3);
	padding: 10px;
	line-height: 16px;
	margin: 0;
	border-radius: 3px
}

.osp-pack .osp-right2 a:hover {
	background: rgb(0 0 0 / .2)
}

.osp-pack.list {
	border-left: 5px solid rgb(0 0 0 / .1);
	padding: 8px 8px
}

.osp-pack.list .osp-left {
	width: 45%;
	float: left;
	position: relative;
	padding-right: 10px;
	border-right: 1px solid rgb(0 0 0 / .1)
}

.osp-pack.list .osp-right1 {
	width: 35%;
	float: left;
	padding-left: 15px
}

.osp-pack.list .osp-right1 .osp-perc {
	display: none
}

.osp-pack.list .osp-right2 {
	width: 20%;
	float: left
}

.osp-pack.list .osp-price {
	font-weight: 600;
	font-size: 16px;
	line-height: 20px
}

.osp-pack.list .osp-cost {
	font-size: 12px;
	line-height: 16px
}

.osp-pack.gallery {
	overflow: hidden;
	margin: 0 2% 15px 0;
	width: 32%;
	border: 1px solid rgb(0 0 0 / .1)
}

.osp-pack.gallery:nth-child(3n+3) {
	margin-right: 0
}

.osp-pack.gallery .osp-desc {
	height: 32px;
	overflow: hidden;
	margin: 2px 0 15px 0
}

.osp-pack.gallery .osp-left,
.osp-pack.gallery .osp-right1,
.osp-pack.gallery .osp-right2 {
	width: 100%;
	display: inline-block;
	clear: both
}

.osp-pack.gallery .osp-right1 {
	border-top: 1px solid rgb(0 0 0 / .05);
	padding-top: 12px;
	position: relative;
	width: 100%
}

.osp-pack.gallery .osp-price {
	font-size: 20px;
	line-height: 24px;
	font-weight: 600
}

.osp-pack.gallery .osp-cost {
	font-size: 12px;
	line-height: 16px;
	font-weight: 500
}

.osp-pack.gallery .osp-right2 a {
	width: 100%;
	margin-top: 20px
}

.osp-pack.gallery .osp-group {
	top: 10px;
	right: 10px
}

.osp-pack.gallery .osp-right1 .osp-perc {
	-ms-transform: rotate(-8deg);
	-webkit-transform: rotate(-8deg);
	transform: rotate(-8deg);
	position: absolute;
	right: 0;
	top: 5px;
	width: 50px;
	height: 50px;
	line-height: 16px;
	padding: 17px 0;
	text-shadow: none;
	color: #8BC34A;
	text-align: center;
	border-radius: 25px;
	box-shadow: 0 0 0 6px rgb(0 0 0 / .1);
	background: #fff;
	font-weight: 600;
	font-size: 16px
}

.osp-pack.gallery .osp-right1 .osp-perc>span {
	font-size: 11px
}

.osp-body-pack .osp-content {
	margin-top: 5px
}

.osp-body-pack .osp-pack-bonus {
	font-size: 14px;
	line-height: 18px;
	border-radius: 3px;
	padding: 15px 10px 15px 50px;
	color: #1e94ab;
	background: #DCF4F9;
	margin: 10px 0;
	position: relative;
	display: block;
	width: 100%
}

.osp-body-pack .osp-pack-bonus:before {
	background: #4ac7e0;
	color: #DCF4F9;
	position: absolute;
	top: 50%;
	margin-top: -15px;
	left: 10px;
	text-align: center;
	width: 30px;
	height: 30px;
	line-height: 30px;
	font-size: 17px;
	border-radius: 15px;
	font-family: "FontAwesome", "Font Awesome 5 Free";
	content: "\f005"
}

.osp-pay-button {
	list-style-type: none;
	padding: 0;
	margin: 25px -20px 15px 0;
	clear: both;
	width: calc(100% + 20px);
	display: inline-block
}

.osp-pay-button li {
	display: inline-block;
	cursor: pointer;
	float: left;
	margin: 0 20px 20px 0;
	height: 120px;
	width: calc(33.33% - 20px);
	text-align: center
}

.osp-pay-button li a {
	transition: 0.2s;
	font-weight: 500;
	position: relative;
	cursor: pointer;
	height: 120px;
	display: inline-block;
	width: 100%;
	text-align: center;
	padding: 19px 10px;
	border-radius: 3px;
	background: #fff;
	border: 2px solid #ccc;
	text-decoration: none
}

.osp-pay-button li a.blockchain-btn {
	position: initial
}

.osp-pay-button li a>span {
	transition: 0.2s;
	display: inline-block;
	width: 100%;
	margin: 0 0 5px 0;
	padding: 0 5px;
	height: 48px
}

.osp-pay-button li a>span.osp-i2 {
	padding-left: 0;
	padding-right: 0;
	white-space: nowrap;
	overflow: hidden
}

.osp-pay-button li a>span.osp-i2 svg {
	display: inline-block;
	width: 40px;
	height: 48px;
	fill: #999;
	padding: 4px 0;
	margin: 0 6px 0 0
}

.osp-pay-button li a>span.osp-i2 em {
	display: inline-block;
	height: 48px;
	padding: 10px 0;
	line-height: 28px;
	letter-spacing: .5px;
	vertical-align: 13px;
	font-size: 26px;
	color: #999;
	font-family: "Impact"
}

.osp-pay-button li a>strong {
	transition: 0.2s;
	height: 16px;
	display: inline-block;
	letter-spacing: -.2px;
	width: 100%;
	font-size: 13px;
	color: #777;
	line-height: 16px;
	font-weight: 700
}

.osp-pay-button li a img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 46px;
	float: none;
	padding: 0
}

.osp-pay-button li a>div:not(.osp-custom-dialog) {
	width: 100%;
	height: 100%
}

.osp-pay-button li a:not(.osp-disabled):hover,
.osp-pay-button li a:not(.osp-disabled):focus {
	border-color: #0d9ecc
}

.osp-pay-button li a:not(.osp-disabled):after {
	transition: 0.2s;
	opacity: 0;
	text-indent: 1px;
	content: "\f00c";
	position: absolute;
	font-family: "FontAwesome", "Font Awesome 5 Free";
	right: -15px;
	top: -15px;
	font-size: 13px;
	width: 32px;
	height: 32px;
	border-radius: 100px;
	border: 2px solid #0d9ecc;
	background: #fff;
	color: #333;
	text-align: center;
	line-height: 30px;
	font-weight: 900
}

.osp-pay-button li a:not(.osp-disabled):hover:after {
	opacity: 1
}

.osp-pay-button li a:not(.osp-disabled):hover>strong {
	color: #000;
	letter-spacing: .2px
}

.osp-pay-button label,
.osp-pay-label {
	font-weight: 600;
	color: #333;
	clear: both;
	float: left;
	width: 100%;
	font-size: 14px;
	line-height: 18px;
	margin: 0 0 10px 0
}

.osp-pay-label {
	margin-top: 25px
}

.osp-pay-label+.osp-pay-button {
	margin-top: 0;
	margin-bottom: 0
}

.osp-pay-button li a.osp-btn-wallet {
	position: relative
}

.osp-pay-button li a.osp-btn-wallet .osp-btn-line-bot {
	position: absolute;
	bottom: -5px;
	right: -3px;
	font-size: 10px;
	font-weight: 600;
	width: auto;
	box-shadow: 1px 1px 3px rgb(0 0 0 / .1);
	clear: both;
	display: block;
	line-height: 15px;
	text-align: left;
	background: #8BC34A;
	color: #fff;
	padding: 2px 7px;
	border-radius: 3px
}

.osp-pay-button li a.btn-payza input[type="image"]:not([type="submit"]) {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 48px;
	display: inline-block !important;
	border: none;
	float: none;
	transition: none
}

.osp-pay-button li a.osp-disabled {
	opacity: .5;
	cursor: not-allowed
}

.osp-btn-line-middle {
	line-height: 38px;
	font-size: 20px;
	font-weight: 500;
	color: #333
}

.osp-body-itempay .osp-pay-button li {
	margin: 0 20px 20px 0;
	width: calc(25% - 20px)
}

.osp-body-itempay .osp-pay-button li form {
	margin: 0
}

.osp-pay-button.osp-style-check {
	padding: 15px 15px 20px 15px;
	border-radius: 4px;
	border: 1px solid #ddd;
	background: #fff;
	margin: 20px 0;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: stretch
}

.osp-pay-button.osp-style-check li {
	width: 100%;
	padding: 0;
	margin: 0 0 10px 0;
	transition: 0.2s;
	border: 1px solid #7ed1d5;
	border-radius: 3px;
	background: #fff;
	height: auto;
	text-align: left
}

.osp-pay-button.osp-style-check li:not(.osp-disabled):hover {
	border-color: var(--mb-color-primary, #0000e7)
}

.osp-pay-button.osp-style-check li.osp-selected {
	box-shadow: 0 0 0 1px var(--mb-color-primary, #0000e7)
}

.osp-pay-button.osp-style-check li.osp-disabled {
	opacity: .5;
	cursor: not-allowed;
	user-select: none
}

.osp-pay-button.osp-style-check li.osp-disabled .osp-chk-main {
	cursor: not-allowed
}

.osp-pay-button.osp-style-check li.osp-disabled .osp-chk-main .osp-name>strong {
	text-decoration: line-through
}

.osp-pay-button.osp-style-check li>a {
	display: none
}

.osp-pay-button.osp-style-check .osp-chk-main {
	float: left;
	clear: both;
	width: 100%;
	display: flex;
	flex-direction: row;
	padding: 16px 16px 16px 16px;
	cursor: pointer;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-start
}

.osp-pay-button.osp-style-check .osp-chk-main .osp-inp {
	width: 36px;
	min-width: 36px;
	padding: 0 1px
}

.osp-pay-button.osp-style-check .osp-chk-main .osp-inp .osp-pay-btn-chk {
	width: 20px;
	height: 20px;
	margin: 0 !important;
	cursor: pointer;
	outline: none
}

.osp-pay-button.osp-style-check .osp-chk-main .osp-data {
	display: flex;
	flex-direction: column;
	max-width: 65%
}

.osp-pay-button.osp-style-check .osp-chk-main .osp-name {
	font-size: 16px;
	color: #2d2d2d;
	font-weight: 700;
	line-height: 18px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: nowrap;
	flex-direction: row
}

.osp-pay-button.osp-style-check .osp-chk-main .osp-info-short {
	font-size: 13px;
	font-weight: 400;
	color: #777;
	padding-right: 10px;
	line-height: 16px;
	width: 100%;
	margin-top: 2px;
	display: flex;
	flex-direction: column;
	align-items: flex-start
}

.osp-pay-button.osp-style-check .osp-chk-main .osp-info-warn,
.osp-pay-button.osp-style-check .osp-chk-main .osp-info-error {
	font-weight: 600;
	color: #eb0000;
	font-size: 14px
}

.osp-pay-button.osp-style-check .osp-chk-main .osp-info-short .osp-info-warn {
	margin-top: 4px
}

.osp-pay-button.osp-style-check .osp-chk-main .osp-logo {
	margin-left: auto;
	padding: 0 2px
}

.osp-pay-button.osp-style-check .osp-chk-main .osp-logo img {
	height: 32px;
	width: auto;
	margin: -4px 0;
	object-fit: contain
}

.osp-pay-button.osp-style-check .osp-chk-main .osp-logo.osp-logo-larger img {
	height: 36px;
	width: auto;
	margin: -6px 0
}

.osp-pay-button.osp-style-check .osp-chk-extra {
	cursor: default;
	float: left;
	clear: both;
	width: 100%;
	position: relative;
	display: none;
	padding: 16px 16px 4px 16px;
	margin: 0
}

.osp-pay-button.osp-style-check .osp-chk-extra:before {
	content: "";
	position: absolute;
	left: 16px;
	right: 16px;
	top: 0;
	height: 1px;
	border-top: 1px solid #ddd;
	padding: 0
}

.osp-pay-button.osp-style-check .osp-chk-extra .osp-chk-user-info {
	font-size: 14px;
	line-height: 20px;
	color: #2d2d2d;
	margin: 0 0 20px 0;
	float: left;
	clear: both;
	width: 100%;
	white-space: pre-line;
	word-wrap: break-word;
	word-break: break-word
}

.osp-pay-button.osp-style-check .osp-chk-extra form {
	width: 100%;
	float: left;
	clear: both;
	margin: 0
}

.osp-pay-button.osp-style-check .osp-chk-extra form[data-type="hidden"] {
	display: none
}

.osp-pay-button.osp-style-check .osp-chk-extra form[data-type="none"] {
	margin-bottom: 12px
}

.osp-pay-button.osp-style-check .osp-chk-extra form[data-type="none"] .osp-label {
	float: left;
	clear: both;
	width: 100%;
	margin: 10px 0 8px 0;
	font-size: 14px;
	line-height: 18px;
	font-weight: 700;
	color: #111
}

.osp-pay-button.osp-style-check .osp-chk-extra .osp-row,
.osp-pay-button.osp-style-check .osp-chk-extra p {
	float: left;
	clear: none;
	width: 100%;
	margin: 0 0 16px 0;
	padding-right: 16px
}

.osp-pay-button.osp-style-check .osp-chk-extra .osp-row label,
.osp-pay-button.osp-style-check .osp-chk-extra p label {
	font-size: 14px;
	line-height: 16px;
	margin: 0 0 2px 0;
	color: #222
}

.osp-pay-button.osp-style-check .osp-chk-extra .osp-row input,
.osp-pay-button.osp-style-check .osp-chk-extra form .osp-row select,
.osp-pay-button.osp-style-check .osp-chk-extra form .osp-row textarea,
.osp-pay-button.osp-style-check .osp-chk-extra p input,
.osp-pay-button.osp-style-check .osp-chk-extra form p select,
.osp-pay-button.osp-style-check .osp-chk-extra form p textarea {
	margin: 0 !important;
	padding: 0 8px;
	min-height: unset;
	height: 40px;
	border-width: 1px;
	border-radius: 2px;
	font-size: 15px;
	width: 100%
}

.osp-pay-button.osp-style-check .osp-chk-extra .osp-row.osp-clear {
	clear: both
}

.osp-pay-button.osp-style-check .osp-chk-extra .osp-row.osp-nopad {
	padding: 0
}

.osp-pay-button.osp-style-check .osp-chk-extra .osp-row.osp-row-20 {
	width: 20%
}

.osp-pay-button.osp-style-check .osp-chk-extra .osp-row.osp-row-30 {
	width: 30%
}

.osp-pay-button.osp-style-check .osp-chk-extra .osp-row.osp-row-40 {
	width: 40%
}

.osp-pay-button.osp-style-check .osp-chk-extra .osp-row.osp-row-50 {
	width: 50%
}

.osp-pay-button.osp-style-check .osp-chk-extra .osp-row.osp-row-60 {
	width: 60%
}

.osp-pay-button.osp-style-check .osp-chk-extra .osp-row.osp-row-70 {
	width: 70%
}

.osp-pay-button.osp-style-check .osp-chk-extra .osp-row.osp-row-80 {
	width: 80%
}

.osp-pay-button.osp-style-check .osp-chk-extra .osp-pay-btn-delegate-click {
	display: none
}

.osp-pay-button.osp-style-check #osp-pmnt-err {
	margin: 0 0 10px 0;
	border-radius: 4px
}

.osp-pay-button.osp-style-check li.osp-disabled .osp-chk-main .osp-name .osp-na-label {
	font-style: normal;
	font-size: 12px;
	background: #d0d0d0;
	padding: 2px 5px;
	border-radius: 4px;
	line-height: 16px;
	color: #4d4d4d;
	font-weight: 600;
	text-decoration: none;
	margin: 0 5px
}

.osp-pay-button.osp-style-check li.osp-disabled[data-process-method="WARN"] {
	opacity: .75
}

.osp-pay-button.osp-style-check li.osp-disabled[data-process-method="WARN"] .osp-chk-main .osp-info-short {
	color: red
}

.osp-pay-button .osp-submit-payment {
	margin: 10px 0 0 0;
	text-decoration: none;
	padding: 13px;
	height: 60px;
	transition: 0.2s;
	cursor: not-allowed;
	background: #666;
	color: #fff;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 100px;
	position: relative
}

.osp-pay-button .osp-submit-payment.osp-ready {
	background: #111;
	cursor: pointer
}

.osp-pay-button .osp-submit-payment.osp-ready:hover {
	text-decoration: none;
	color: #fff;
	background: #444
}

.osp-pay-button .osp-submit-payment.osp-processing {
	background: #777;
	cursor: wait
}

.osp-pay-button .osp-submit-payment .osp-icn-wrap {
	width: 36px;
	height: 36px;
	padding: 8px;
	margin: -1px 0 0 0;
	position: absolute;
	left: 20px;
	top: calc(50% - 18px)
}

.osp-pay-button .osp-submit-payment .osp-icn {
	width: 20px;
	height: 20px;
	line-height: 20px;
	font-size: 18px;
	fill: rgb(255 255 255 / .9);
	color: rgb(255 255 255 / .9)
}

.osp-pay-button .osp-submit-payment.osp-processing .osp-icn-wrap {
	padding: 2px
}

.osp-pay-button .osp-submit-payment.osp-processing .osp-icn {
	width: 32px;
	height: 32px
}

.osp-pay-button .osp-submit-payment.osp-processing .osp-icn {
	color: #fff
}

.osp-pay-button .osp-submit-payment .osp-data {
	margin: 0 4px;
	display: flex;
	flex-direction: column
}

.osp-pay-button .osp-submit-payment .osp-txt {
	font-size: 16px;
	line-height: 18px;
	font-weight: 700
}

.osp-pay-button .osp-submit-payment .osp-subtxt {
	font-size: 12px;
	line-height: 14px;
	font-weight: 400;
	color: #eee;
	margin: 1px 0 0 0
}

.osp-pay-button .osp-submit-payment.osp-processing .osp-data {
	opacity: .8;
	font-style: italic
}

.tpd-tooltip.tpd-skin-osp-tltp .tpd-content {
	font-size: 13px;
	line-height: 16px
}

@media screen and (max-width:980px) {
	ul.osp-um-inside li a>i {
		display: inline-block;
		line-height: 14px;
		font-size: 16px;
		margin: auto
	}

	ul.osp-um-inside li a>span {
		display: none
	}

	.osp-voucher-box input[type="text"] {
		width: 180px
	}
}

@media screen and (min-width:768px) and (max-width:1200px) {
	.osp-pay-button li {
		width: calc(50% - 20px);
		margin: 0 20px 20px 0
	}

	.osp-body-itempay .osp-pay-button li {
		width: calc(33.33% - 20px);
		margin: 0 20px 20px 0
	}

	.osp-body-itempay .osp-promote-form form .osp-pb-line {
		width: calc(50% - 5px);
		margin-right: 10px
	}

	.osp-body-itempay .osp-promote-form form .osp-pb-line:nth-child(3n+3) {
		margin-right: 10px
	}

	.osp-body-itempay .osp-promote-form form .osp-pb-line:nth-child(even) {
		margin-right: 0
	}

	.osp-options .osp-line {
		width: 50%
	}

	.osp-options {
		width: 70%
	}

	.osp-table-payments .osp-col.code {
		display: none
	}

	.osp-table-payments .osp-col.concept {
		width: 43%
	}

	.osp-table-payments .osp-col.amount {
		width: 20%
	}

	.osp-table-payments .osp-col.date {
		width: 15%
	}
}

@media screen and (max-width:767px) {
	.osp-pay-button.osp-style-check .osp-chk-main .osp-inp {
		margin-top: 2px
	}

	.osp-pay-button.osp-style-check .osp-chk-main {
		align-items: flex-start
	}

	.osp-pay-button.osp-style-check .osp-chk-main .osp-data {
		max-width: calc(70% - 36px)
	}

	.osp-pay-button.osp-style-check .osp-chk-main .osp-logo {
		max-width: 30%;
		margin-top: 2px
	}

	.osp-item-promos .osp-elem.osp-empty>strong {
		display: none
	}

	.osp-item-promos .osp-elem {
		height: 40px;
		width: calc(100% - 2px)
	}

	.osp-item-promos .osp-elem em {
		padding-top: 8px
	}

	.osp-pay-button li a:not(.osp-disabled)::after {
		display: none
	}

	.osp-cart-col.prod.t7001 {
		padding-right: 6px
	}

	.osp-cart-ship {
		position: relative;
		top: auto;
		right: auto;
		float: left;
		clear: both;
		margin: 6px 6px 2px 0
	}

	.osp-cart-ship .osp-ship-opts {
		width: 240px;
		left: 0;
		right: auto
	}

	.osp-status-info {
		display: none
	}

	#osp-tab-menu>div,
	#osp-tab-menu>a {
		margin-right: 15px
	}

	.osp-table-banners .osp-col.budget,
	.osp-table-banners .osp-col.spent>span,
	.osp-table-banners .osp-col.name .osp-review-comment {
		display: none
	}

	.osp-table-banners .osp-col.spent {
		width: 24%
	}

	.osp-table-banners .osp-col.add {
		width: 30%
	}

	.osp-table-banners .osp-col.remove {
		display: none
	}

	.osp-table-banners .osp-col.name {
		width: 30%
	}

	.osp-table-banners .osp-col.status {
		width: 16%
	}

	.osp-table-banners .osp-col.status span {
		display: inline-block;
		color: #fff0;
		margin: -4px 0;
		width: 25px;
		position: relative
	}

	.osp-table-banners .status span i {
		position: absolute;
		color: #fff;
		top: 0;
		left: 0;
		width: 100%;
		height: 25px;
		line-height: 25px;
		display: block;
		text-align: center
	}

	.osp-manage-top {
		padding-right: 0
	}

	.osp-manage-top .osp-top-button {
		position: relative;
		float: left;
		display: block;
		width: 100%;
		right: auto;
		left: auto;
		max-width: 100%;
		margin-top: 15px;
		padding-left: 26px
	}

	.osp-options {
		width: 75%
	}

	.osp-options .osp-line {
		width: 100%
	}

	.osp-options .osp-b-line {
		margin-top: 0
	}

	.osp-group,
	.osp-restrict-category .osp-group {
		width: 100%;
		margin-right: 0 !important;
		clear: both
	}

	.osp-pack.gallery {
		width: 100%;
		margin-right: 0 !important
	}

	.osp-table-payments {
		overflow-x: auto
	}

	.osp-table-payments .osp-row {
		min-width: 540px
	}

	.osp-cart-col.code,
	.osp-cart-col.qty {
		display: none
	}

	.osp-cart-row .osp-cart-col.delt {
		width: 12%;
		border-left: none
	}

	.osp-cart-col.pric {
		width: 30%;
		text-align: right
	}

	.osp-cart-col.prod {
		width: 58%
	}

	.osp-cart-col.prod .p2 {
		clear: both;
		display: inline;
		margin-top: 6px;
		font-size: 12px;
		line-height: 16px
	}

	.osp-cart .osp-cart-col {
		padding: 8px 6px
	}

	.osp-cart .osp-cart-head-row .osp-cart-col.pric {
		display: none
	}

	.osp-cart-total .osp-cart-col.pric {
		width: 40%
	}

	.osp-pay-button {
		width: 100%;
		margin-right: 0
	}

	.osp-pay-button li,
	.osp-body-itempay .osp-pay-button li {
		width: calc(50% - 20px);
		margin: 0 20px 20px 0
	}

	.osp-body-itempay .osp-cart-col.prod .px {
		width: 100%;
		max-width: 100%
	}

	.osp-body-itempay .osp-cart-row:not(.osp-cart-total) .osp-cart-col.prod .p1 {
		padding: 2px 4px
	}

	.osp-promote-form form .osp-pb-line,
	.osp-body-itempay .osp-promote-form form .osp-pb-line {
		width: 100%;
		margin: 0 0 8px 0;
		height: auto
	}

	.osp-body-itempay .osp-promote-form form .osp-pb-line .osp-pb-desc {
		white-space: normal
	}

	.osp-promote-form .osp-pb-line .osp-text {
		width: 100%
	}

	.osp-promote-form .osp-pb-line .osp-select {
		width: 100%;
		padding-left: 60px;
		padding-top: 0;
		clear: both
	}

	.osp-promote-form .osp-pb-line .osp-select1 {
		clear: both;
		width: 75%;
		padding-left: 60px;
		padding-top: 0
	}

	.osp-promote-form .osp-pb-line .osp-select2 {
		width: 25%;
		padding-top: 0
	}

	#osp-aff .osp-share a {
		width: 49%;
		margin: 0 2% 8px 0
	}

	#osp-aff .osp-share a:nth-child(even) {
		margin-right: 0
	}

	.osp-pack.list .osp-left {
		width: 60%
	}

	.osp-pack.list .osp-right1 {
		width: 40%
	}

	.osp-pack.list .osp-right2 {
		width: 100%;
		clear: both;
		margin-top: 10px
	}

	.osp-pack.list .osp-right2 a {
		width: 100%
	}

	#weaccept-iframe {
		top: 10px;
		margin-top: 0
	}
}

@media screen and (max-width:580px) {
	#osp-search-box .osp-col {
		width: 100% !important;
		padding-right: 0;
		margin: 0 0 10px 0
	}

	#osp-search-box .osp-col:last-child {
		margin-bottom: 0
	}
}

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

	#osp-tab-menu>div,
	#osp-tab-menu>a {
		padding: 1px 0;
		margin-bottom: 8px
	}

	.osp-options {
		width: 90%
	}

	#osp-aff .osp-share a {
		width: 100%;
		margin: 0 0 5px 0
	}

	.osp-promote-form button[type="submit"],
	#uniform-osp-item-promote {
		width: 100%
	}

	.osp-custom-dialog,
	#banner-dialog.osp-custom-dialog {
		width: 300px !important;
		margin-left: -150px
	}

	.osp-voucher-box {
		width: 100%
	}

	.osp-voucher-box label {
		width: 100%;
		clear: both
	}

	.osp-voucher-box input[type="text"] {
		width: calc(100% - 46px)
	}

	.osp-item {
		padding-left: 90px;
		padding-right: 54px
	}

	.osp-item .osp-img {
		width: 90px;
		height: 70px
	}

	.osp-item .osp-promote {
		width: 54px
	}

	.osp-item .osp-promote .osp-text {
		display: none
	}

	.osp-item .osp-promote .osp-icon i {
		line-height: 28px;
		font-size: 22px
	}

	.osp-pay-button li,
	.osp-body-itempay .osp-pay-button li {
		width: 100%;
		margin: 0 0 15px 0
	}
}

@media screen and (max-width:450px) {
	#weaccept-iframe {
		width: 150%;
		margin-left: -25%;
		left: 0
	}
}

@media screen and (max-width:420px) {
	.osp-item {
		padding-left: 0
	}

	.osp-item .osp-img {
		display: none
	}

	.osp-item .osp-left,
	.osp-item .osp-right,
	.osp-item .osp-stat {
		padding-left: 0
	}
}

.osp-body ::-webkit-scrollbar {
	box-shadow: none;
	width: 10px
}

.osp-body ::-webkit-scrollbar-thumb {
	-moz-transition: background-color 218ms cubic-bezier(.4, 0, .2, 1);
	-o-transition: background-color 218ms cubic-bezier(.4, 0, .2, 1);
	-webkit-transition: background-color 218ms cubic-bezier(.4, 0, .2, 1);
	transition: background-color 218ms cubic-bezier(.4, 0, .2, 1);
	background-color: rgb(0 0 0 / .12);
	background-clip: initial;
	box-shadow: none
}

.osp-body ::-webkit-scrollbar-thumb:hover {
	background-color: #9e9e9e
}

.osp-body ::-webkit-scrollbar-corner {
	background: #000
}

.osp-custom-dialog,
.osp-dialog.ui-dialog,
.osp-pay-button,
.osp-body,
.osp-um,
.osp-promote-form,
.osp-restrict-category {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box
}

.osp-custom-dialog *,
.osp-dialog.ui-dialog *,
.osp-pay-button *,
.osp-body *,
.osp-um *,
.osp-promote-form *,
.osp-restrict-category * {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box
}

html[dir="rtl"] .osp-body,
html[dir="rtl"] .osp-um,
html[dir="rtl"] .osp-table-wrap,
html[dir="rtl"] .osp-head-row {
	direction: rtl
}

html[dir="rtl"] .osp-table-payments .osp-col.source {
	white-space: nowrap
}

html[dir="rtl"] .osp-ph-links a {
	float: left;
	margin-right: 4px;
	margin-left: 0
}

html[dir="rtl"] .osp-pay-button li {
	float: right;
	margin-left: 3.5%;
	margin-right: 0
}

html[dir="rtl"] .osp-pay-button li:nth-child(3n+4) {
	margin-left: 0
}

html[dir="rtl"] .osp-body-itempay .osp-pay-button li {
	margin-left: 2.66%;
	margin-right: 0
}

html[dir="rtl"] .osp-body-itempay .osp-pay-button li:nth-child(3n+4) {
	margin-left: 2.66%
}

html[dir="rtl"] .osp-body-itempay .osp-pay-button li:nth-child(4n+4) {
	margin-left: 0
}

html[dir="rtl"] .osp-group .osp-is-active {
	left: -10px;
	right: auto
}

html[dir="rtl"] .osp-group .osp-right2 {
	text-align: right
}

html[dir="rtl"] .osp-cart-col.prod .p1 {
	float: right;
	margin-right: 0;
	margin-left: 4px
}

html[dir="rtl"] .osp-options .osp-b-line a i {
	margin-right: 0;
	margin-left: 2px
}

html[dir="rtl"] .osp-item .osp-stat>span {
	margin-right: -1px;
	margin-left: 0;
	float: right
}

html[dir="rtl"] .osp-stat>span.osp-issue:after,
html[dir="rtl"] .osp-stat>span.osp-201:after,
html[dir="rtl"] .osp-stat>span.osp-801:after,
html[dir="rtl"] .osp-stat>span.osp-401:after,
html[dir="rtl"] .osp-stat>span.osp-601:after {
	float: left;
	margin-right: 5px;
	margin-left: 0
}

html[dir="rtl"] .osp-item .osp-img img {
	padding-left: 3px;
	padding-right: 0;
	float: right;
	border-left: 1px solid rgb(0 0 0 / .05);
	border-right: none
}

html[dir="rtl"] .osp-item .osp-img,
html[dir="rtl"] .osp-item .osp-left,
html[dir="rtl"] .osp-item .osp-right {
	float: right
}

html[dir="rtl"] .osp-item .osp-right {
	padding-right: 15px;
	padding-left: 10px;
	text-align: right
}

html[dir="rtl"] .osp-item .osp-promote,
html[dir="rtl"] .osp-options {
	left: 3px;
	right: auto
}

html[dir="rtl"] .osp-options .osp-block label>div {
	padding: 0 26px 0 8px !important
}

html[dir="rtl"] .osp-options .osp-block label>div:before,
html[dir="rtl"] .osp-options .osp-block label>div:after {
	right: 0;
	left: auto
}

html[dir="rtl"] .osp-body-itempay .osp-promote-form .osp-h1:after {
	right: auto;
	left: 10px;
	text-indent: 0
}

html[dir="rtl"] .osp-table-payments .osp-col,
html[dir="rtl"] ul.osp-um-inside li,
html[dir="rtl"] .osp-cart .osp-cart-col {
	float: right
}

html[dir="rtl"] .osp-pack.gallery {
	float: right;
	margin-right: 0;
	margin-left: 2%
}

html[dir="rtl"] .osp-pack.gallery:nth-child(3n+3) {
	margin-left: 0
}

html[dir="rtl"] .osp-pack.gallery .osp-right1 .osp-perc {
	left: 0;
	right: auto;
	transform: rotate(8deg)
}

html[dir="rtl"] #osp-aff .osp-invite-link {
	float: right
}

html[dir="rtl"] #osp-aff .osp-share a {
	float: right;
	margin-right: 0;
	margin-left: 8px
}

html[dir="rtl"] .osp-pack.list .osp-right1 {
	padding-right: 15px;
	padding-left: 0
}

html[dir="rtl"] .osp-pack.list .osp-left {
	padding-right: 0;
	padding-left: 10px;
	border-right: none;
	border-left: 1px solid rgb(0 0 0 / .1)
}

html[dir="rtl"] .osp-pack.list .osp-left,
html[dir="rtl"] .osp-pack.list .osp-right1,
html[dir="rtl"] .osp-pack.list .osp-right2 {
	float: right
}

html[dir="rtl"] .osp-pack .osp-right2 a,
html[dir="rtl"] .osp-ph-links {
	float: left
}

html[dir="rtl"] .osp-group {
	float: right;
	margin-left: 15px;
	margin-right: 0
}

html[dir="rtl"] .osp-group:nth-child(3n+3) {
	margin-left: 0;
	margin-right: 0
}

html[dir="rtl"] .osp-promote-form button[type="submit"],
html[dir="rtl"] #uniform-osp-item-promote {
	float: right
}

html[dir="rtl"] .osp-promote-form .osp-pb-line .osp-pb-name strong {
	margin-left: 0;
	margin-right: 3px
}

html[dir="rtl"] .osp-promote-form .osp-pb-line {
	text-align: right
}

html[dir="rtl"] .osp-promote-form .osp-pb-line .osp-select {
	float: right
}

html[dir="rtl"] .osp-promote-form .osp-pb-line .osp-text {
	float: right;
	padding: 10px 60px 10px 10px
}

html[dir="rtl"] .osp-promote-form .osp-pb-line label.osp-chk {
	left: auto;
	right: 0;
	border-radius: 0;
	border-top-right: 3px;
	border-bottom-right: 3px
}

html[dir="rtl"] .osp-promote-form .osp-pb-line .osp-select1 {
	float: right
}

html[dir="rtl"] .osp-promote-form .osp-pb-line .osp-select2 {
	float: right;
	padding-left: 10px;
	padding-right: 0
}

html[dir="rtl"] .osp-promote-form button[type="submit"],
html[dir="rtl"] #uniform-osp-item-promote {
	padding-left: 20px;
	padding-right: 35px
}

html[dir="rtl"] .osp-promote-form button[type="submit"] i,
html[dir="rtl"] #uniform-osp-item-promote i {
	left: auto;
	right: 6px
}

html[dir="rtl"] .osp-head-row .osp-col {
	letter-spacing: -.9px;
	white-space: nowrap
}

@media screen and (max-width:767px) {
	html[dir="rtl"] .osp-promote-form .osp-pb-line .osp-select {
		padding-right: 60px;
		padding-left: 10px
	}

	html[dir="rtl"] .osp-promote-form .osp-pb-line .osp-select1 {
		padding-right: 60px;
		padding-left: 10px
	}
}

html[dir="rtl"] ul.osp-um-inside li {
	float: right
}

html[dir="rtl"] ul.osp-um-inside li:first-child a {
	border-top-right-radius: 4px;
	border-top-left-radius: 0
}

html[dir="rtl"] ul.osp-um-inside li:last-child a {
	border-top-right-radius: 0;
	border-top-left-radius: 4px
}

html[dir="rtl"] ul.osp-um-inside li a>span em {
	left: -7px;
	right: auto
}

html[dir="rtl"] #osp-vcr input[type="text"] {
	float: right;
	margin-left: 5px;
	margin-right: 0
}

html[dir="rtl"] #osp-vcr button {
	float: right
}

html[dir="rtl"] #osp-aff .osp-share a {
	float: right;
	margin-left: 8px;
	margin-right: 0
}

html[dir="rtl"] #osp-vcr .osp-h2 i {
	margin-left: 4px;
	margin-right: 0
}

html[dir="rtl"] .osp-body-pack .osp-h1,
html[dir="rtl"] .osp-body-group .osp-h1,
html[dir="rtl"] .osp-body-banner .osp-h2,
html[dir="rtl"] .osp-body-order .osp-h2,
html[dir="rtl"] .osp-body-payments .osp-h2 {
	padding-left: 12px;
	padding-right: 54px
}

html[dir="rtl"] .osp-body-pack .osp-h1:before,
html[dir="rtl"] .osp-body-group .osp-h1:before,
html[dir="rtl"] .osp-body-banner .osp-h2:before,
html[dir="rtl"] .osp-body-order .osp-h2:before,
html[dir="rtl"] .osp-body-payments .osp-h2:before {
	right: -1px;
	left: auto;
	border-radius: 0 3px 3px 0
}

html[dir="rtl"] .osp-body-pack .osp-h1:after,
html[dir="rtl"] .osp-body-group .osp-h1:after,
html[dir="rtl"] .osp-body-banner .osp-h2:after,
html[dir="rtl"] .osp-body-order .osp-h2:after,
html[dir="rtl"] .osp-body-payments .osp-h2:after {
	right: -1px;
	left: auto
}

html[dir="rtl"] .osp-body-pack .osp-pack-bonus {
	padding-left: 10px;
	padding-right: 50px
}

html[dir="rtl"] .osp-body-pack .osp-pack-bonus:before {
	right: 10px;
	left: auto
}

html[dir="rtl"] #osp-aff .osp-share a {
	padding-left: 8px;
	padding-right: 38px
}

html[dir="rtl"] #osp-aff .osp-share a i {
	border-left: 1px solid rgb(0 0 0 / .05);
	border-right: none;
	border-radius: 0 2px 2px 0;
	right: 0;
	left: auto
}

html[dir="rtl"] .osp-pack.list {
	border-right: 5px solid rgb(0 0 0 / .1);
	border-left: none
}

html[dir="rtl"] .osp-pay-button li a:not(.osp-disabled):after {
	left: -15px;
	right: auto;
	font-weight: 900
}

html[dir="rtl"] .osp-pay-button li a>span.osp-i2 svg {
	margin-left: 6px;
	margin-right: 0
}

html[dir="rtl"] .osp-body-itempay .osp-cart-row:not(.osp-cart-total) .osp-cart-col.prod .p1 {
	float: right;
	margin-left: 8px;
	margin-right: 0
}

html[dir="rtl"] .osp-cart-col.prod .p1 {
	border-right: 3px solid rgb(0 0 0 / .2);
	border-left: none
}

html[dir="rtl"] .osp-body-itempay .osp-cart-col.prod .px,
html[dir="rtl"] .osp-body-itempay .osp-cart-col.prod .p2 {
	float: right
}

html[dir="rtl"] .osp-body-itempay .osp-promote-form form .osp-pb-line {
	float: right;
	margin-right: 0;
	margin-left: 10px
}

html[dir="rtl"] .osp-body-itempay .osp-promote-form form .osp-pb-line:nth-child(even) {
	margin-left: 0
}

html[dir="rtl"] .osp-manage-top {
	padding-left: 26%;
	padding-right: 0
}

html[dir="rtl"] .osp-manage-top .osp-top-button {
	left: 0;
	right: auto;
	padding-left: 10px;
	padding-right: 42px
}

html[dir="rtl"] .osp-manage-top .osp-top-button i {
	right: 0;
	left: auto
}

html[dir="rtl"] .osp-item .osp-stat>span {
	border-left: none;
	border-right: 3px solid rgb(0 0 0 / .2)
}

html[dir="rtl"] .osp-item {
	padding-left: 100px;
	padding-right: 110px
}

html[dir="rtl"] .osp-item .osp-img,
html[dir="rtl"] .osp-pay-msg:after,
html[dir="rtl"] .osp-pay-err:after {
	right: 0;
	left: auto
}

html[dir="rtl"] .osp-options .osp-o-row i {
	float: right;
	margin-right: 0;
	margin-left: 6px
}

html[dir="rtl"] .osp-options .osp-block label,
html[dir="rtl"] .osp-table-banners .osp-col,
html[dir="rtl"] .osp-order-cycle .osp-step,
html[dir="rtl"] .osp-table-orders .osp-col,
html[dir="rtl"] .osp-table-sales .osp-col,
html[dir="rtl"] .osp-table-manager .osp-col.item span,
html[dir="rtl"] .osp-button-row a#osp-add-shipping,
html[dir="rtl"] .osp-form-shipping input[type="text"],
html[dir="rtl"] .osp-form-shipping input[type="number"],
html[dir="rtl"] .osp-form-shipping .osp-input-desc,
html[dir="rtl"] .osp-form-shipping select,
html[dir="rtl"] .osp-form-shipping button#osp-update-shipping,
html[dir="rtl"] .osp-form-shipping textarea,
html[dir="rtl"] .osp-table-wrap {
	float: right
}

html[dir="rtl"] .osp-pay-msg,
html[dir="rtl"] .osp-pay-err {
	padding-left: 12px;
	padding-right: 54px
}

html[dir="rtl"] .osp-pay-msg:before,
html[dir="rtl"] .osp-pay-err:before {
	border-radius: 0 3px 3px 0;
	right: -1px;
	left: auto
}

html[dir="rtl"] .osp-table-orders .osp-col.orderid,
html[dir="rtl"] .osp-table-sales .osp-col.orderid {
	text-align: right
}

html[dir="rtl"] .osp-table-orders .osp-col.item .qnt {
	margin-left: 2px;
	margin-right: 0
}

html[dir="rtl"] #osp-tab-menu>div,
html[dir="rtl"] #osp-tab-menu>a {
	float: right;
	margin-left: 20px;
	margin-right: 0
}

html[dir="rtl"] div[class^="osp-table-"] .osp-col,
html[dir="rtl"] .osp-button-row button#osp-update-prods,
html[dir="rtl"] #osp-search-box .osp-col.chk label {
	float: right
}

html[dir="rtl"] .osp-table-products .osp-row.osp-st-0 {
	border-right: 6px solid #e66e6e;
	border-left: none
}

html[dir="rtl"] .osp-table-products .osp-row.osp-st-1 {
	border-right: 6px solid #dac428;
	border-left: none
}

html[dir="rtl"] .osp-table-products .osp-row.osp-st-2 {
	border-right: 6px solid #72C279;
	border-left: none
}

html[dir="rtl"] .osp-table-products .osp-row.osp-st-9 {
	border-right: 6px solid #ccc;
	border-left: none
}

html[dir="rtl"] #osp-search-box .osp-col {
	padding-left: 12px;
	padding-right: 0;
	float: right
}

html[dir="rtl"] #osp-search-box .osp-col.chk input[type="checkbox"] {
	float: right;
	margin: 0 0 0 4px
}

html[dir="rtl"] #osp-search-box label,
html[dir="rtl"] .osp-table-manager .osp-col.order,
html[dir="rtl"] .osp-form-shipping .osp-row label {
	text-align: right
}

html[dir="rtl"] #osp-search-box+.osp-table-products {
	float: revert
}

html[dir="rtl"] #osp-search-box+.osp-table-manager {
	float: revert
}

html[dir="rtl"] .osp-form-shipping .osp-input-desc {
	border-left: 1px solid rgb(0 0 0 / .2);
	border-right: none
}

html[dir="rtl"] .osp-voucher-box button {
	left: 5px;
	right: auto
}

html[dir="rtl"] .osp-voucher-box input[type="text"] {
	padding-left: 60px;
	padding-right: 10px
}

html[dir="rtl"] .osp-table-payments .osp-row .osp-col.amount {
	text-align: left
}

html[dir="rtl"] .osp-product {
	float: right
}

html[dir="rtl"] .osp-product-to-cart {
	padding-left: 15px;
	padding-right: 40px;
	float: right;
	border-radius: 0 4px 4px 0
}

html[dir="rtl"] .osp-product-to-cart svg {
	right: 8px;
	left: auto
}

html[dir="rtl"] .osp-product-quantity {
	float: right;
	margin-left: 20px;
	margin-right: 0;
	border-radius: 4px 0 0 4px
}

html[dir="rtl"] .osp-options .osp-o-row i,
html[dir="rtl"] .osp-options .osp-o-row svg {
	margin-left: 8px;
	margin-right: 0
}

html[dir="rtl"] .osp-options .osp-block label>div>em {
	unicode-bidi: embed
}

html[dir="rtl"] .osp-options .osp-b-line a.osp-item-to-cart {
	margin-left: 0;
	margin-right: auto
}

html[dir="rtl"] .osp-options .osp-b-line a.osp-item-to-cart i {
	margin-left: 5px;
	margin-right: 0
}

html[dir="rtl"] .osp-item-promos .osp-elem .osp-caret {
	margin-left: 9px;
	margin-right: auto
}

html[dir="rtl"] .osp-item-promos .osp-elem .osp-name {
	padding-left: 6px;
	padding-right: 10px
}

html[dir="rtl"] .osp-item-promos .osp-options {
	left: auto;
	right: auto
}

html[dir="rtl"] #osp-promos .osp-promo-head {
	padding-left: 8px;
	padding-right: 12px
}

html[dir="rtl"] #osp-promos {
	background: linear-gradient(135deg, #c9dad6, #ddede6)
}

html[dir="rtl"] .osp-style-check .osp-pay-button li {
	margin-left: 0
}

html[dir="rtl"] .osp-pay-button.osp-style-check .osp-chk-main .osp-inp,
html[dir="rtl"] .osp-pay-button.osp-style-check .osp-chk-main .osp-data {
	text-align: right
}

html[dir="rtl"] .osp-pay-button.osp-style-check .osp-chk-main .osp-logo {
	margin-left: 0;
	margin-right: auto
}

html[dir="rtl"] .osp-pay-button .osp-submit-payment .osp-icn-wrap {
	right: 20px;
	left: auto
}

html[dir="rtl"] .osp-pay-button.osp-style-check .osp-chk-main .osp-info-short {
	padding-right: 0;
	padding-left: 10px
}

html[dir="rtl"] #osp-body-success .osp-centered>span {
	text-align: left
}

html[dir="rtl"] #osp-body-success .osp-centered>strong {
	text-align: right
}

html[mode="dark"] .osp-promote-form {
	background: var(--mb-color12, #363636);
	border-color: var(--mb-color11, #464646);
	color: var(--mb-color2, #d6d6d6)
}

html[mode="dark"] .osp-h1 {
	color: var(--mb-color2, #e6e6e6)
}

html[mode="dark"] .osp-promote-form .osp-h2 {
	color: var(--mb-color5, #c6c6c6)
}

html[mode="dark"] .osp-promote-form .osp-pb-line {
	background: var(--mb-color11, #464646);
	box-shadow: none
}

html[mode="dark"] .osp-promote-form .osp-pb-line .osp-pb-name {
	color: var(--mb-color1, #e6e6e6)
}

html[mode="dark"] body .osp-promote-form .osp-pb-line .osp-pb-desc {
	color: var(--mb-color3, #c6c6c6)
}

html[mode="dark"] .osp-promote-form .osp-pb-line select {
	background: var(--mb-color12, #363636) !important;
	border-color: var(--mb-color13, #262626);
	color: var(--mb-color2, #d6d6d6)
}

html[mode="dark"] .osp-promote-form .osp-pb-line .osp-pb-name strong {
	background: var(--mb-color12, #363636);
	color: var(--mb-color1, #e6e6e6)
}

html[mode="dark"] .osp-manage-top .osp-top-button {
	color: var(--mb-color2, #e6e6e6)
}

html[mode="dark"] .osp-h2,
html[mode="dark"] .osp-pay-msg,
html[mode="dark"] .osp-pay-err {
	color: var(--mb-color2, #e6e6e6)
}

html[mode="dark"] .osp-body-itempay .osp-promote-form .osp-h1 {
	color: var(--mb-color2, #e6e6e6);
	background: var(--mb-color11, #464646)
}

html[mode="dark"] .osp-body-itempay .osp-promote-form form {
	background: var(--mb-color12, #363636);
	border-color: var(--mb-color11, #464646);
	color: var(--mb-color2, #d6d6d6)
}

html[mode="dark"] .osp-cart .osp-cart-head-row {
	background: var(--mb-color12, #363636);
	color: var(--mb-color2, #e6e6e6)
}

html[mode="dark"] .osp-cart .osp-cart-row {
	background: var(--mb-color12, #363636);
	border-color: var(--mb-color11, #464646);
	color: var(--mb-color2, #e6e6e6)
}

html[mode="dark"] .osp-pay-button label,
html[mode="dark"] .osp-pay-label {
	color: var(--mb-color2, #e6e6e6)
}

html[mode="dark"] .osp-pay-button li a {
	background: var(--mb-color11, #464646);
	border-color: var(--mb-color10, #565656);
	color: var(--mb-color2, #d6d6d6)
}

html[mode="dark"] .osp-pay-button li a:not(.osp-disabled):hover>strong {
	color: var(--mb-color0, #fff)
}

html[mode="dark"] .osp-pay-button li a:not(.osp-disabled):after {
	background: var(--mb-color12, #363636);
	color: var(--mb-color2, #e6e6e6)
}

html[mode="dark"] .osp-pay-button li a>strong {
	color: var(--mb-color2, #e6e6e6)
}

html[mode="dark"] .osp-body-itempay .osp-cart-col.prod .p2,
html[mode="dark"] .osp-cart-col.pric {
	color: var(--mb-color2, #e6e6e6)
}

html[mode="dark"] .osp-cart-col.prod .p2 a {
	color: var(--mb-color0, #fff)
}

html[mode="dark"] .osp-body-itempay .osp-cart-col.prod .p3 {
	color: var(--mb-color4, #c6c6c6)
}

html[mode="dark"] ul.osp-um-inside li a {
	background: var(--mb-color12, #363636);
	border-color: var(--mb-color11, #262626)
}

html[mode="dark"] .osp-pay-button.osp-style-check {
	background: var(--mb-color13, #262626);
	border-color: var(--mb-color11, #464646);
	color: var(--mb-color2, #d6d6d6)
}

html[mode="dark"] .osp-body {
	background: var(--mb-color13, #262626);
	border-color: var(--mb-color11, #464646);
	color: var(--mb-color2, #d6d6d6)
}

html[mode="dark"] ul.osp-um-inside {
	border-bottom-color: var(--mb-color11, #464646)
}

html[mode="dark"] ul.osp-um-inside li a.active {
	background: var(--mb-color13, #262626);
	color: var(--mb-color1, #f6f6f6)
}

html[mode="dark"] ul.osp-um-inside li a:hover {
	background: var(--mb-color11, #464646);
	color: var(--mb-color1, #f6f6f6)
}

html[mode="dark"] .osp-pay-button.osp-style-check li {
	background: var(--mb-color12, #363636);
	border-color: var(--mb-color11, #464646);
	color: var(--mb-color1, #f6f6f6)
}

html[mode="dark"] .osp-pay-button.osp-style-check .osp-chk-main .osp-name {
	color: var(--mb-color1, #f6f6f6)
}

html[mode="dark"] .osp-pay-button.osp-style-check .osp-chk-main .osp-info-short {
	color: var(--mb-color4, #c6c6c6)
}

html[mode="dark"] .osp-pay-button.osp-style-check .osp-chk-extra .osp-chk-user-info {
	color: var(--mb-color1, #f6f6f6)
}

html[mode="dark"] .osp-pay-button.osp-style-check .osp-chk-extra .osp-row label {
	color: var(--mb-color1, #f6f6f6)
}

html[mode="dark"] .osp-pay-button.osp-style-check .osp-chk-extra .osp-row input,
html[mode="dark"] .osp-pay-button.osp-style-check .osp-chk-extra form .osp-row select,
html[mode="dark"] .osp-pay-button.osp-style-check .osp-chk-extra form .osp-row textarea {
	background: var(--mb-color11, #464646);
	border-color: var(--mb-color10, #565656);
	color: var(--mb-color2, #e6e6e6)
}

html[mode="dark"] .osp-pay-button.osp-style-check .osp-chk-extra:before {
	border-color: var(--mb-color10, #565656)
}

html[mode="dark"] #osp-tab-menu:after {
	background: var(--mb-color11, #464646)
}

html[mode="dark"] #osp-tab-menu>.osp-active,
html[mode="dark"] #osp-tab-menu>div:hover,
html[mode="dark"] #osp-tab-menu>a:hover {
	color: var(--mb-color1, #f6f6f6)
}

html[mode="dark"] #osp-tab-menu>.osp-active:after,
html[mode="dark"] #osp-tab-menu>div:hover:after,
html[mode="dark"] #osp-tab-menu>a:hover:after {
	background: var(--mb-color14, #161616)
}

html[mode="dark"] .osp-pay-msg,
html[mode="dark"] .osp-pay-err,
html[mode="dark"] .osp-body-pack .osp-h1,
html[mode="dark"] .osp-body-group .osp-h1,
html[mode="dark"] .osp-body-banner .osp-h2,
html[mode="dark"] .osp-body-order .osp-h2,
html[mode="dark"] .osp-body-payments .osp-h2,
.osp-body-item>.osp-h2 {
	background: var(--mb-color11, #464646);
	border-color: var(--mb-color9, #666666)
}

html[mode="dark"] .osp-head-row .osp-col,
html[mode="dark"] .osp-body .osp-head-row .osp-col.date,
html[mode="dark"] .osp-table-orders .osp-head-row {
	color: var(--mb-color1, #f6f6f6);
	border-bottom-color: #416e87
}

html[mode="dark"] .osp-table-payments .osp-row,
html[mode="dark"] .osp-table-orders .osp-row {
	background: var(--mb-color12, #363636);
	color: var(--mb-color2, #e6e6e6);
	border-bottom-color: var(--mb-color11, #464646)
}

html[mode="dark"] .osp-table-payments .osp-row:nth-child(odd),
html[mode="dark"] .osp-table-orders .osp-row:nth-child(odd) {
	background: var(--mb-color13, #262626);
	color: var(--mb-color2, #e6e6e6)
}

html[mode="dark"] .osp-table-payments .osp-row.osp-row-title {
	background: #455665;
	color: var(--mb-color1, #f6f6f6)
}

html[mode="dark"] .osp-table-payments .osp-row.osp-row-title-iban {
	background: var(--mb-color11, #464646);
	color: var(--mb-color1, #f6f6f6)
}

html[mode="dark"] .osp-table-payments.osp-table-transfers .osp-row .osp-transfer-detail {
	background: var(--mb-color10, #565656);
	color: var(--mb-color1, #f6f6f6)
}

html[mode="dark"] .osp-table-payments .osp-row.osp-row-title-iban>strong {
	background: #596700
}

html[mode="dark"] .osp-table-payments .osp-row .osp-col.amount {
	color: var(--mb-color0, #ffffff)
}

html[mode="dark"] .osp-table-payments .osp-row .osp-col.date {
	color: var(--mb-color4, #c6c6c6)
}

html[mode="dark"] .osp-table-banners .osp-head-row,
html[mode="dark"] .osp-table-payments .osp-head-row,
html[mode="dark"] .osp-cart .osp-cart-head-row {
	border-color: #3f5f71;
	color: var(--mb-color2, #e6e6e6)
}

html[mode="dark"] .osp-table-payments .osp-col.details i,
html[mode="dark"] .osp-table-orders .osp-col.payment i {
	background: var(--mb-color9, #666666);
	border-bottom-color: var(--mb-color8, #767676);
	color: #6bc1eb
}

html[mode="dark"] .osp-pay-msg:after,
html[mode="dark"] .osp-pay-err:after,
html[mode="dark"] .osp-body-pack .osp-h1:after,
html[mode="dark"] .osp-body-group .osp-h1:after,
html[mode="dark"] .osp-body-banner .osp-h2:after,
html[mode="dark"] .osp-body-order .osp-h2:after,
html[mode="dark"] .osp-body-payments .osp-h2:after,
html[mode="dark"] .osp-body-item>.osp-h2:after {
	color: rgb(0 0 0 / .4);
	text-shadow: none;
	font-size: 18px
}

html[mode="dark"] ul.osp-um-inside li a>span em,
html[mode="dark"] ul.osp-um-inside li a>span em:after {
	background: var(--mb-color14, #161616);
	color: var(--mb-color1, #f6f6f6)
}

html[mode="dark"] .osp-cart-empty i,
html[mode="dark"] .osp-cart-empty span {
	color: var(--mb-color4, #c6c6c6)
}

html[mode="dark"] .osp-cycle-title,
html[mode="dark"] .osp-body-pack .osp-lab {
	color: var(--mb-color1, #f6f6f6)
}

html[mode="dark"] .osp-order-cycle .osp-step>strong {
	color: var(--mb-color2, #e6e6e6)
}

html[mode="dark"] .osp-order-cycle .osp-step>span {
	color: var(--mb-color4, #c6c6c6)
}

html[mode="dark"] .osp-order-cycle:after {
	background: var(--mb-color11, #464646)
}

html[mode="dark"] .osp-order-cycle .osp-step i {
	color: rgb(0 0 0 / .5)
}

html[mode="dark"] .osp-table-banners .osp-row {
	background: var(--mb-color11, #464646);
	border-bottom: none
}

html[mode="dark"] .osp-body select.osp-select,
html[mode="dark"] .osp-promote-form select.osp-select,
html[mode="dark"] .osp-promote-form .select-box select {
	background: var(--mb-color11, #464646);
	color: var(--mb-color1, #f6f6f6)
}

html[mode="dark"] .osp-group .osp-perc+.osp-perc,
.osp-group .osp-perc+.osp-cats {
	border-top-color: var(--mb-color11, #464646)
}

html[mode="dark"] .osp-group .osp_cart_add {
	background: var(--mb-color10, #565656);
	color: var(--mb-color0, #ffffff)
}

html[mode="dark"] .osp-group .osp-right2 {
	background: var(--mb-color13, #262626);
	border-color: var(--mb-color11, #464646)
}

html[mode="dark"] .osp-pack .osp-h2 {
	color: var(--mb-color0, #ffffff)
}

html[mode="dark"] .osp-pack .osp-desc {
	color: var(--mb-color2, #e6e6e6)
}

html[mode="dark"] #osp-aff {
	background: var(--mb-color12, #363636);
	border-color: var(--mb-color11, #464646)
}

html[mode="dark"] #osp-aff .osp-h2 {
	color: var(--mb-color0, #ffffff)
}

html[mode="dark"] #osp-aff .osp-lab {
	color: var(--mb-color1, #f6f6f6)
}

html[mode="dark"] .osp-item {
	background: #fff0;
	border-color: var(--mb-color12, #363636)
}

html[mode="dark"] .osp-item:first-child {
	border-color: var(--mb-color12, #363636)
}

html[mode="dark"] .osp-item .osp-left .osp-date,
html[mode="dark"] .osp-item-promos .osp-elem.osp-empty {
	color: var(--mb-color4, #c6c6c6)
}

html[mode="dark"] .osp-item .osp-right {
	color: var(--mb-color0, #ffffff)
}

html[mode="dark"] .osp-stat>span.osp-none {
	background: var(--mb-color10, #565656);
	color: var(--mb-color0, #ffffff)
}

html[mode="dark"] .osp-options,
html[mode="dark"] .osp-item.open .osp-promote,
html[mode="dark"] .osp-item.open .osp-promote:after {
	background: var(--mb-color10, #565656);
	border-color: var(--mb-color9, #666666);
	color: var(--mb-color1, #f6f6f6)
}

html[mode="dark"] .osp-options .osp-o-row .osp-o-title-box>span {
	color: var(--mb-color4, #c6c6c6)
}

html[mode="dark"] .osp-options .osp-b-line a.osp-view-cart {
	background: var(--mb-color9, #666666);
	color: var(--mb-color1, #f6f6f6)
}

html[mode="dark"] .osp-options .osp-small-title {
	background: var(--mb-color12, #363636);
	color: var(--mb-color3, #c6c6c6)
}

html[mode="dark"] .osp-options .osp-b-line,
html[mode="dark"] .osp-options .osp-o-row {
	border-color: var(--mb-color11, #464646)
}

html[mode="dark"] .osp-item-promos .osp-promos {
	background: var(--mb-color10, #565656)
}

html[mode="dark"] .osp-item-promos {
	border-color: var(--mb-color9, #666666)
}

html[mode="dark"] .osp-item-promos .osp-elem .osp-data,
html[mode="dark"] .osp-item-promos .osp-elem .osp-extra {
	background: var(--mb-color5, #a6a6a6);
	color: var(--mb-color14, #000000)
}

html[mode="dark"] .osp-item-promos .osp-elem .osp-extra-data {
	border-top-color: var(--mb-color9, #666666)
}

html[mode="dark"] .osp-item-promos .osp-elem .osp-expire,
html[mode="dark"] .osp-item-promos .osp-elem .osp-create {
	color: var(--mb-color12, #363636)
}

html[mode="dark"] .osp-item-promos .osp-elem .osp-caret {
	color: var(--mb-color12, #363636)
}

html[mode="dark"] #osp-promos {
	background: #375f4e
}

html[mode="dark"] #osp-promos .osp-promo-head,
html[mode="dark"] #osp-promos .osp-visbl-label {
	color: var(--mb-color1, #f6f6f6)
}

html[mode="dark"] .osp-pay-button .osp-submit-payment {
	background: var(--mb-color10, #565656);
	color: var(--mb-color1, #f6f6f6)
}

html[mode="dark"] .osp-cart .osp-cart-row.osp-cart-total .osp-cart-col.pric>span {
	background: rgb(0 0 0 / .3)
}

.tpd-tooltip {
	position: absolute
}

.tpd-tooltip {
	box-sizing: content-box
}

.tpd-tooltip [class^=tpd-] {
	box-sizing: inherit
}

.tpd-content-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	float: left;
	width: 100%;
	height: 100%;
	overflow: hidden
}

.tpd-content-relative,
.tpd-content-relative-padder,
.tpd-content-spacer {
	float: left;
	position: relative
}

.tpd-content-relative {
	width: 100%
}

.tpd-content {
	float: left;
	clear: both;
	position: relative;
	padding: 10px;
	font-size: 11px;
	line-height: 16px;
	color: #fff;
	box-sizing: border-box !important
}

.tpd-has-inner-close .tpd-content-relative .tpd-content {
	padding-right: 0 !important
}

.tpd-tooltip .tpd-content-no-padding {
	padding: 0 !important
}

.tpd-title-wrapper {
	float: left;
	position: relative;
	overflow: hidden
}

.tpd-title-spacer {
	float: left
}

.tpd-title-relative,
.tpd-title-relative-padder {
	float: left;
	position: relative
}

.tpd-title-relative {
	width: 100%
}

.tpd-title {
	float: left;
	position: relative;
	font-size: 11px;
	line-height: 16px;
	padding: 10px;
	font-weight: 700;
	text-transform: uppercase;
	color: #fff;
	box-sizing: border-box !important
}

.tpd-has-title-close .tpd-title {
	padding-right: 0 !important
}

.tpd-close {
	position: absolute;
	top: 0;
	right: 0;
	width: 28px;
	height: 28px;
	cursor: pointer;
	overflow: hidden;
	color: #fff
}

.tpd-close-icon {
	float: left;
	font-family: Arial, Baskerville, monospace;
	font-weight: 400;
	font-style: normal;
	text-decoration: none;
	width: 28px;
	height: 28px;
	font-size: 28px;
	line-height: 28px;
	text-align: center
}

.tpd-skin {
	position: absolute;
	top: 0;
	left: 0
}

.tpd-frames {
	position: absolute;
	top: 0;
	left: 0
}

.tpd-frames .tpd-frame {
	float: left;
	width: 100%;
	height: 100%;
	clear: both;
	display: none
}

.tpd-visible-frame-top .tpd-frame-top {
	display: block
}

.tpd-visible-frame-bottom .tpd-frame-bottom {
	display: block
}

.tpd-visible-frame-left .tpd-frame-left {
	display: block
}

.tpd-visible-frame-right .tpd-frame-right {
	display: block
}

.tpd-backgrounds {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0
}

.tpd-background-shadow {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff0;
	pointer-events: none
}

.tpd-no-shadow .tpd-skin .tpd-background-shadow {
	box-shadow: none !important
}

.tpd-background-box {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	overflow: hidden
}

.tpd-no-stem .tpd-background-box,
.tpd-no-stem .tpd-shift-stem {
	display: none
}

.tpd-no-stem .tpd-background-box-top {
	display: block
}

.tpd-background-box-shift,
.tpd-background-box-shift-further {
	position: relative;
	float: left;
	width: 100%;
	height: 100%
}

.tpd-background {
	border-radius: 10px;
	float: left;
	clear: both;
	background: 0 0;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border-style: solid;
	border-width: 1px;
	border-color: rgb(255 255 255 / .1)
}

.tpd-background-loading {
	display: none
}

.tpd-no-radius .tpd-skin .tpd-frames .tpd-frame .tpd-backgrounds .tpd-background {
	border-radius: 0
}

.tpd-background-title {
	float: left;
	clear: both;
	width: 100%;
	background-color: #282828
}

.tpd-background-content {
	float: left;
	clear: both;
	width: 100%;
	background-color: #282828
}

.tpd-background-border-hack {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-style: solid
}

.tpd-background-box-top {
	top: 0
}

.tpd-background-box-bottom {
	bottom: 0
}

.tpd-background-box-left {
	left: 0
}

.tpd-background-box-right {
	right: 0
}

.tpd-shift-stem {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden
}

.tpd-shift-stem-side {
	position: absolute
}

.tpd-frame-bottom .tpd-shift-stem-side,
.tpd-frame-top .tpd-shift-stem-side {
	width: 100%
}

.tpd-frame-left .tpd-shift-stem-side,
.tpd-frame-right .tpd-shift-stem-side {
	height: 100%
}

.tpd-stem {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 16px;
	height: 8px;
	margin-left: 3px;
	margin-top: 2px;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0
}

.tpd-tooltip .tpd-skin .tpd-frames .tpd-frame .tpd-shift-stem .tpd-stem-reset {
	margin: 0 !important
}

.tpd-stem-spacer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.tpd-stem-reset .tpd-stem-spacer {
	margin-top: 0
}

.tpd-stem-point {
	width: 100px;
	position: absolute;
	top: 0;
	left: 50%
}

.tpd-stem-downscale,
.tpd-stem-transform {
	float: left;
	width: 100%;
	height: 100%;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	position: relative
}

.tpd-stem-side {
	width: 50%;
	height: 100%;
	float: left;
	position: relative;
	overflow: hidden
}

.tpd-stem-side-inversed {
	-webkit-transform: scale(-1, 1);
	transform: scale(-1, 1)
}

.tpd-stem-triangle {
	width: 0;
	height: 0;
	border-bottom-style: solid;
	border-left-color: #fff0;
	border-left-style: solid;
	position: absolute;
	top: 0;
	left: 0
}

.tpd-stem-border {
	width: 20px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	background-color: #fff;
	border-right-color: #fff;
	border-right-style: solid;
	border-right-width: 0
}

.tpd-stem-border-corner {
	position: absolute;
	top: 0;
	left: 50%;
	height: 100%;
	border-right-style: solid;
	border-right-width: 0
}

.tpd-stem * {
	z-index: 0;
	zoom: 1
}

.tpd-stem-border-center-offset,
.tpd-stem-border-center-offset-inverse {
	float: left;
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden
}

.tpd-stem-notransform {
	float: left;
	width: 100%;
	height: 100%;
	position: relative
}

.tpd-stem-notransform .tpd-stem-border {
	height: 100%;
	position: relative;
	float: left;
	top: 0;
	left: 0;
	margin: 0
}

.tpd-stem-notransform .tpd-stem-border-center {
	position: absolute
}

.tpd-stem-notransform .tpd-stem-border-corner {
	background: #fff;
	border: 0;
	top: auto;
	left: auto
}

.tpd-stem-notransform .tpd-stem-border-center,
.tpd-stem-notransform .tpd-stem-triangle {
	height: 0;
	border: 0;
	left: 50%
}

.tpd-stem-transform-left {
	-webkit-transform: rotate(-90deg) scale(-1, 1);
	transform: rotate(-90deg) scale(-1, 1)
}

.tpd-stem-transform-right {
	-webkit-transform: rotate(90deg) translate(0, -100%);
	transform: rotate(90deg) translate(0, -100%)
}

.tpd-stem-transform-bottom {
	-webkit-transform: scale(1, -1) translate(0, -100%);
	transform: scale(1, -1) translate(0, -100%)
}

.tpd-spinner {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 46px;
	height: 36px
}

.tpd-spinner-spin {
	position: relative;
	float: left;
	margin: 8px 0 0 13px;
	text-indent: -9999em;
	border-top: 2px solid rgb(255 255 255 / .2);
	border-right: 2px solid rgb(255 255 255 / .2);
	border-bottom: 2px solid rgb(255 255 255 / .2);
	border-left: 2px solid #fff;
	-webkit-animation: tpd-spinner-animation 1.1s infinite linear;
	animation: tpd-spinner-animation 1.1s infinite linear;
	box-sizing: border-box !important
}

.tpd-spinner-spin,
.tpd-spinner-spin:after {
	border-radius: 50%;
	width: 20px;
	height: 20px
}

@-webkit-keyframes tpd-spinner-animation {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes tpd-spinner-animation {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

.tpd-is-loading .tpd-content-wrapper,
.tpd-is-loading .tpd-title-wrapper {
	display: none
}

.tpd-is-loading .tpd-background {
	display: none
}

.tpd-is-loading .tpd-background-loading {
	display: block
}

.tpd-tooltip-measuring {
	top: 0;
	left: 0;
	position: absolute;
	max-width: 100%;
	width: 100%
}

.tpd-tooltip-measuring .tpd-skin,
.tpd-tooltip-measuring .tpd-spinner {
	display: none
}

.tpd-tooltip-measuring .tpd-content-wrapper,
.tpd-tooltip-measuring .tpd-title-wrapper {
	display: block
}

.tpd-tooltip a,
.tpd-tooltip a:hover {
	color: grey;
	text-decoration: underline
}

.tpd-tooltip a:hover {
	color: #6c6c6c
}

.tpd-size-x-small .tpd-content,
.tpd-size-x-small .tpd-title {
	padding: 7px 8px;
	font-size: 10px;
	line-height: 15px
}

.tpd-size-x-small .tpd-background {
	border-radius: 5px
}

.tpd-size-x-small .tpd-stem {
	width: 12px;
	height: 6px;
	margin-left: 4px;
	margin-top: 2px
}

.tpd-size-x-small.tpd-no-radius .tpd-stem {
	margin-left: 7px
}

.tpd-size-x-small .tpd-close {
	margin-bottom: 1px
}

.tpd-size-x-small .tpd-spinner {
	width: 35px;
	height: 29px
}

.tpd-size-x-small .tpd-spinner-spin {
	margin: 6px 0 0 9px
}

.tpd-size-x-small .tpd-spinner-spin,
.tpd-size-x-small .tpd-spinner-spin:after {
	width: 17px;
	height: 17px
}

.tpd-size-small .tpd-content,
.tpd-size-small .tpd-title {
	padding: 8px;
	font-size: 10px;
	line-height: 16px
}

.tpd-size-small .tpd-background {
	border-radius: 6px
}

.tpd-size-small .tpd-stem {
	width: 14px;
	height: 7px;
	margin-left: 5px;
	margin-top: 2px
}

.tpd-size-small.tpd-no-radius .tpd-stem {
	margin-left: 8px
}

.tpd-size-small .tpd-close {
	margin: 2px 1px
}

.tpd-size-small .tpd-spinner {
	width: 42px;
	height: 32px
}

.tpd-size-small .tpd-spinner-spin {
	margin: 7px 0 0 13px
}

.tpd-size-small .tpd-spinner-spin,
.tpd-size-small .tpd-spinner-spin:after {
	width: 18px;
	height: 18px
}

.tpd-size-medium .tpd-content,
.tpd-size-medium .tpd-title {
	padding: 10px;
	font-size: 11px;
	line-height: 16px
}

.tpd-size-medium .tpd-background {
	border-radius: 8px
}

.tpd-size-medium .tpd-stem {
	width: 16px;
	height: 8px;
	margin-left: 6px;
	margin-top: 2px
}

.tpd-size-medium.tpd-no-radius .tpd-stem {
	margin-left: 10px
}

.tpd-size-medium .tpd-close {
	margin: 4px 2px
}

.tpd-size-medium .tpd-spinner {
	width: 50px;
	height: 36px
}

.tpd-size-medium .tpd-spinner-spin {
	margin: 8px 0 0 15px
}

.tpd-size-medium .tpd-spinner-spin,
.tpd-size-medium .tpd-spinner-spin:after {
	width: 20px;
	height: 20px
}

.tpd-size-large .tpd-content,
.tpd-size-large .tpd-title {
	padding: 10px;
	font-size: 13px;
	line-height: 18px
}

.tpd-size-large .tpd-background {
	border-radius: 8px
}

.tpd-size-large .tpd-stem {
	width: 18px;
	height: 9px;
	margin-left: 7px;
	margin-top: 2px
}

.tpd-size-large.tpd-no-radius .tpd-stem {
	margin-left: 10px
}

.tpd-size-large .tpd-close {
	margin: 5px 2px 5px 2px
}

.tpd-size-large .tpd-spinner {
	width: 54px;
	height: 38px
}

.tpd-size-large .tpd-spinner-spin {
	margin: 9px 0 0 17px
}

.tpd-size-large .tpd-spinner-spin,
.tpd-size-large .tpd-spinner-spin:after {
	width: 20px;
	height: 20px
}

.tpd-skin-dark .tpd-close,
.tpd-skin-dark .tpd-content,
.tpd-skin-dark .tpd-title {
	color: #fff
}

.tpd-skin-dark .tpd-background-content,
.tpd-skin-dark .tpd-background-title {
	background-color: #282828
}

.tpd-skin-dark .tpd-background {
	border-width: 1px;
	border-color: rgb(255 255 255 / .1)
}

.tpd-skin-dark .tpd-title-wrapper {
	border-bottom: 1px solid #404040
}

.tpd-skin-dark .tpd-spinner-spin {
	border-color: rgb(255 255 255 / .2);
	border-left-color: #fff
}

.tpd-skin-dark a {
	color: #ccc
}

.tpd-skin-dark a:hover {
	color: silver
}

.tpd-skin-light .tpd-close,
.tpd-skin-light .tpd-content,
.tpd-skin-light .tpd-title {
	color: #333
}

.tpd-skin-light .tpd-background-content {
	background-color: #fff
}

.tpd-skin-light .tpd-background {
	border-width: 1px;
	border-color: rgb(0 0 0 / .3)
}

.tpd-skin-light .tpd-background-title {
	background-color: #f7f7f7
}

.tpd-skin-light .tpd-title-wrapper {
	border-bottom: 1px solid silver
}

.tpd-skin-light .tpd-background-shadow {
	box-shadow: 0 0 8px rgb(0 0 0 / .15)
}

.tpd-skin-light.tpd-no-shadow .tpd-background {
	border-color: rgb(100 100 100 / .3)
}

.tpd-skin-light .tpd-spinner-spin {
	border-color: rgb(51 51 51 / .2);
	border-left-color: #333
}

.tpd-skin-light a {
	color: grey
}

.tpd-skin-light a:hover {
	color: #6c6c6c
}

.tpd-skin-gray .tpd-close,
.tpd-skin-gray .tpd-content,
.tpd-skin-gray .tpd-title {
	color: #fff
}

.tpd-skin-gray .tpd-background-content,
.tpd-skin-gray .tpd-background-title {
	background-color: #727272
}

.tpd-skin-gray .tpd-background {
	border-width: 1px;
	border-color: rgb(255 255 255 / .1)
}

.tpd-skin-gray .tpd-title-wrapper {
	border-bottom: 1px solid #505050
}

.tpd-skin-gray .tpd-spinner-spin {
	border-color: rgb(255 255 255 / .2);
	border-left-color: #fff
}

.tpd-skin-gray a {
	color: #ccc
}

.tpd-skin-gray a:hover {
	color: #b6b6b6
}

.tpd-skin-red .tpd-close,
.tpd-skin-red .tpd-content,
.tpd-skin-red .tpd-title {
	color: #fff
}

.tpd-skin-red .tpd-background-content {
	background-color: #e13c37
}

.tpd-skin-red .tpd-background {
	border-width: 1px;
	border-color: rgb(12 0 0 / .6)
}

.tpd-skin-red .tpd-background-title {
	background-color: #e13c37
}

.tpd-skin-red .tpd-title-wrapper {
	border-bottom: 1px solid #a30500
}

.tpd-skin-red .tpd-background-shadow {
	box-shadow: 0 0 8px rgb(0 0 0 / .15)
}

.tpd-skin-red .tpd-spinner-spin {
	border-color: rgb(255 255 255 / .2);
	border-left-color: #fff
}

.tpd-skin-red a {
	color: #ddd
}

.tpd-skin-red a:hover {
	color: #c6c6c6
}

.tpd-skin-green .tpd-close,
.tpd-skin-green .tpd-content,
.tpd-skin-green .tpd-title {
	color: #fff
}

.tpd-skin-green .tpd-background-content {
	background-color: #4aab3a
}

.tpd-skin-green .tpd-background {
	border-width: 1px;
	border-color: rgb(0 12 0 / .6)
}

.tpd-skin-green .tpd-background-title {
	background-color: #4aab3a
}

.tpd-skin-green .tpd-title-wrapper {
	border-bottom: 1px solid #127c00
}

.tpd-skin-green .tpd-background-shadow {
	box-shadow: 0 0 8px rgb(0 0 0 / .15)
}

.tpd-skin-green .tpd-spinner-spin {
	border-color: rgb(255 255 255 / .2);
	border-left-color: #fff
}

.tpd-skin-green a {
	color: #ddd
}

.tpd-skin-green a:hover {
	color: #c6c6c6
}

.tpd-skin-blue .tpd-close,
.tpd-skin-blue .tpd-content,
.tpd-skin-blue .tpd-title {
	color: #fff
}

.tpd-skin-blue .tpd-background-content {
	background-color: #45a3e3
}

.tpd-skin-blue .tpd-background {
	border-width: 1px;
	border-color: rgb(0 0 12 / .6)
}

.tpd-skin-blue .tpd-background-title {
	background-color: #45a3e3
}

.tpd-skin-blue .tpd-title-wrapper {
	border-bottom: 1px solid #1674b4
}

.tpd-skin-blue .tpd-background-shadow {
	box-shadow: 0 0 8px rgb(0 0 0 / .15)
}

.tpd-skin-blue .tpd-spinner-spin {
	border-color: rgb(255 255 255 / .2);
	border-left-color: #fff
}

.tpd-skin-blue a {
	color: #ddd
}

.tpd-skin-blue a:hover {
	color: #c6c6c6
}

.tpd-skin-lightyellow .tpd-close,
.tpd-skin-lightyellow .tpd-content,
.tpd-skin-lightyellow .tpd-title {
	color: #333
}

.tpd-skin-lightyellow .tpd-background-content {
	background-color: #ffffa9
}

.tpd-skin-lightyellow .tpd-background {
	border-width: 1px;
	border-color: rgb(8 8 0 / .35)
}

.tpd-skin-lightyellow .tpd-background-title {
	background-color: #ffffa9
}

.tpd-skin-lightyellow .tpd-title-wrapper {
	border-bottom: 1px solid #a7a697
}

.tpd-skin-lightyellow .tpd-background-shadow {
	box-shadow: 0 0 8px rgb(0 0 0 / .15)
}

.tpd-skin-lightyellow .tpd-spinner-spin {
	border-color: rgb(51 51 51 / .2);
	border-left-color: #333
}

.tpd-skin-lightyellow a {
	color: #777
}

.tpd-skin-lightyellow a:hover {
	color: #868686
}

.tpd-skin-lightblue .tpd-close,
.tpd-skin-lightblue .tpd-content,
.tpd-skin-lightblue .tpd-title {
	color: #333
}

.tpd-skin-lightblue .tpd-background-content {
	background-color: #bce5ff
}

.tpd-skin-lightblue .tpd-background {
	border-width: 1px;
	border-color: rgb(0 0 8 / .35)
}

.tpd-skin-lightblue .tpd-background-title {
	background-color: #bce5ff
}

.tpd-skin-lightblue .tpd-title-wrapper {
	border-bottom: 1px solid #909b9f
}

.tpd-skin-lightblue .tpd-background-shadow {
	box-shadow: 0 0 8px rgb(0 0 0 / .15)
}

.tpd-skin-lightblue .tpd-spinner-spin {
	border-color: rgb(51 51 51 / .2);
	border-left-color: #333
}

.tpd-skin-lightblue a {
	color: #777
}

.tpd-skin-lightblue a:hover {
	color: #868686
}

.tpd-skin-lightpink .tpd-close,
.tpd-skin-lightpink .tpd-content,
.tpd-skin-lightpink .tpd-title {
	color: #333
}

.tpd-skin-lightpink .tpd-background-content {
	background-color: #ffc4bf
}

.tpd-skin-lightpink .tpd-background {
	border-width: 1px;
	border-color: rgb(8 0 0 / .35)
}

.tpd-skin-lightpink .tpd-background-title {
	background-color: #ffc4bf
}

.tpd-skin-lightpink .tpd-title-wrapper {
	border-bottom: 1px solid #a08f8f
}

.tpd-skin-lightpink .tpd-background-shadow {
	box-shadow: 0 0 8px rgb(0 0 0 / .15)
}

.tpd-skin-lightpink .tpd-spinner-spin {
	border-color: rgb(51 51 51 / .2);
	border-left-color: #333
}

.tpd-skin-lightpink a {
	color: #777
}

.tpd-skin-lightpink a:hover {
	color: #868686
}

.osp-pay-line {
	background: rgb(0 0 0 / .25);
	font-size: 10px;
	font-weight: 500;
	color: rgb(0 0 0 / .6);
	padding: 3px 4px;
	border-radius: 3px
}

.osp-pay-line.osp-is-paid {
	background-color: #6ec46b;
	font-weight: 600
}

.osp-st-line {
	position: absolute;
	right: -1px;
	top: -1px;
	width: 15px;
	height: 17px;
	color: rgb(0 0 0 / .5);
	line-height: 17px;
	font-size: 9px;
	background: rgb(255 255 255 / .4);
	text-align: center;
	border: 1px solid rgb(0 0 0 / .1)
}

.osp-st-line.pt501 {
	top: 17px
}

.osp-st-line.pt601 {
	top: 34px
}

.bpr-body {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font-size: 14px;
	line-height: 18px
}

#bpr-notice {
	display: inline-block;
	width: 100%;
	clear: both;
	margin: 10px 0 20px 0;
	border-radius: 4px;
	padding: 12px;
	font-size: 15px;
	line-height: 18px;
	background: #fff;
	border: 1px solid #ccc;
	box-shadow: 0 1px 3px rgb(0 0 0 / .1)
}

#bpr-notice .bpr-notice-head {
	display: inline-block;
	width: 100%;
	font-weight: bolder;
	position: relative
}

#bpr-notice .bpr-notice-head:after {
	font-family: "FontAwesome", "Font Awesome 5 Free";
	content: "\f0d7";
	font-weight: 700;
	position: absolute;
	right: 2px;
	top: 0;
	line-height: 18px;
	font-size: 16px;
	color: rgb(0 0 0 / .6)
}

#bpr-notice .bpr-notice-head.opened:after {
	content: "\f0d8"
}

#bpr-notice .bpr-notice-head a {
	color: #000
}

#bpr-notice .bpr-notice-text {
	display: inline-block;
	width: 100%;
	margin-top: 14px;
	display: none;
	line-height: 20px
}

#bpr-seller.bpr-block {
	margin: 15px auto
}

#bpr-seller.bpr-block .bpr-title {
	float: left;
	clear: both;
	width: 99%;
	margin: 15px .5%;
	font-size: 14px;
	font-weight: 700;
	color: #333
}

#bpr-seller.bpr-block .bpr-inside-all {
	margin: 0 0 20px 0
}

#bpr-seller.bpr-block .bpr-comp {
	max-width: 24%;
	min-width: 11%;
	width: 24%;
	margin: 0 .5% 12px .5%
}

.bpr-select-cat {
	padding: 0 10px 10px 10px;
	float: left;
	clear: both;
	border: 1px solid #ccc;
	border-radius: 3px;
	width: 320px;
	height: 240px;
	overflow-y: scroll
}

.bpr-select-cat .bpr-box-check {
	width: 100%;
	clear: both;
	margin: 3px 0
}

.bpr-select-cat .bpr-box-check.bpr-check-child {
	padding-left: 6px
}

.bpr-select-cat .bpr-box-check.bpr-check-parent {
	margin-top: 12px;
	font-weight: 700
}

.bpr-top-search {
	float: left;
	clear: both;
	width: 100%;
	padding: 0 1%;
	margin: 0 0 20px 0
}

.bpr-top-search .bpr-search-left {
	float: left;
	max-width: 50%
}

.bpr-top-search #bpr-word {
	float: left;
	width: auto;
	min-width: 320px;
	max-width: calc(100% - 40px);
	height: 40px;
	padding: 11px 10px;
	line-height: 16px;
	background: #fff;
	border-radius: 0;
	margin: 0;
	border-right: none !important
}

.bpr-top-search #bpr-submit {
	float: left;
	width: 40px;
	height: 40px;
	line-height: 20px;
	padding: 10px 0;
	text-align: center;
	color: #fff;
	border: 1px solid rgb(0 0 0 / .08);
	border-left: none;
	border-radius: 0;
	background: #03a9f4
}

.bpr-top-search #bpr-submit:hover {
	background: #0695d6;
	border-color: rgb(0 0 0 / .15)
}

.bpr-top-search #bpr-submit i {
	display: inline-block;
	width: 100%;
	text-align: center;
	font-size: 18px
}

.bpr-top-search .bpr-search-right {
	float: right;
	max-width: 50%;
	width: 50%
}

.bpr-top-search .bpr-search-right select {
	height: 40px;
	padding: 8px;
	margin-bottom: 0;
	float: right;
	margin-left: 2%;
	width: auto;
	max-width: 48%;
	clear: none !important
}

.bpr-is-premium {
	float: left;
	clear: both;
	width: 100%;
	padding: 15px;
	border: 1px dashed rgb(0 0 0 / .1);
	margin: 0 0 20px 0;
	background: rgb(0 0 0 / .025)
}

.bpr-is-premium .bpr-grp {
	float: left;
	width: auto;
	margin: 0 15px 15px 0;
	padding: 10px 14px 10px 42px;
	border-radius: 4px;
	line-height: 18px;
	position: relative;
	box-shadow: 0 0 0 1px rgb(0 0 0 / .1) inset;
	text-decoration: none
}

.bpr-is-premium .bpr-grp:after {
	display: block;
	content: "";
	position: absolute;
	z-index: 2;
	left: 0;
	top: 0;
	width: 30px;
	height: 100%;
	background: rgb(0 0 0 / .25);
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px
}

.bpr-is-premium .bpr-grp-i {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: .5;
	border-radius: 4px
}

.bpr-is-premium .bpr-grp-t {
	float: left;
	clear: both;
	width: 100%;
	font-size: 15px;
	color: rgb(0 0 0 / .8);
	font-weight: 700;
	z-index: 2;
	position: relative
}

.bpr-is-premium .bpr-grp-d {
	float: left;
	clear: both;
	width: 100%;
	font-size: 12px;
	color: rgb(0 0 0 / .7);
	font-weight: 400;
	z-index: 2;
	position: relative
}

.bpr-is-premium .bpr-grp-fa {
	position: absolute;
	width: 30px;
	z-index: 3;
	left: 0;
	top: 50%;
	line-height: 20px;
	font-size: 14px;
	margin-top: -10px;
	text-align: center;
	color: rgb(255 255 255 / .9)
}

.bpr-grp:hover .bpr-grp-fa {
	color: #fff
}

.bpr-grp:hover .bpr-grp-t {
	text-decoration: underline
}

.bpr-is-premium .bpr-p-title {
	float: left;
	clear: both;
	width;
	100%;
	margin: 0 0 15px 0;
	color: #333;
	width: 100%
}

.bpr-is-premium .bpr-p-note {
	float: right;
	font-size: 11px;
	color: #999
}

.bpr-is-premium .bpr-prem-more {
	float: left;
	text-decoration: none;
	clear: both
}

.bpr-is-premium .bpr-prem-more:hover {
	text-decoration: underline
}

.bpr-is-premium .bpr-grp-wrap {
	float: left;
	clear: both;
	width: 100%;
	margin: 0 0 10px 0
}

#bpr-seller .bpr-is-premium {
	margin-bottom: 0;
	border-radius: 3px
}

.bpr-msg-wrap {
	float: left;
	clear: both;
	width: 100%;
	margin: 0 0 15px 0
}

.bpr-msg-wrap+.bpr-msg-wrap {
	margin-top: -10px
}

.bpr-msg-wrap .bpr-msg {
	float: left;
	clear: both;
	width: 100%;
	margin: 0;
	padding: 20px 10px;
	line-height: 18px;
	text-align: center;
	font-size: 13px;
	font-weight: 700;
	color: rgb(0 0 0 / .7);
	background: #d8ecf7;
	border: 1px solid rgb(0 0 0 / .05);
	border-radius: 3px;
	box-shadow: 2px 2px 10px rgb(0 0 0 / .05)
}

.bpr-prof {
	display: block;
	clear: both;
	width: 100%;
	margin: 0
}

.bpr-prof .bpr-inside h2 {
	font-size: 20px;
	margin: 0 0 5px 0
}

.bpr-prof .bpr-inside {
	float: left;
	display: block;
	clear: both;
	width: 100%;
	margin: 0 0 10px 0;
	border: 1px solid rgb(0 0 0 / .08);
	box-shadow: 2px 2px 10px rgb(0 0 0 / .05);
	border-radius: 3px;
	padding: 20px;
	background: #fff
}

.bpr-prof .bpr-utitle {
	float: left;
	clear: both;
	width: 100%;
	margin: 25px 0 5px 0;
	font-size: 14px;
	font-weight: 700;
	color: #111
}

.bpr-prof .bpr-usubtitle {
	float: left;
	clear: both;
	width: 100%;
	margin: 2px 0 5px 0;
	font-size: 13px;
	font-weight: 400;
	color: #111
}

.bpr-prof .bpr-utitle+.bpr-usubtitle {
	margin-top: -2px
}

.bpr-prof form {
	display: block;
	clear: both;
	width: 100%;
	margin: 0
}

.bpr-prof .bpr-row {
	float: left;
	clear: both;
	width: 100%;
	margin: 0 0 2px 0
}

.bpr-prof .bpr-line {
	float: left;
	clear: both;
	width: 100%;
	margin: 0 0 5px 0
}

.bpr-prof .bpr-inputs {
	float: left;
	clear: both;
	width: 100%;
	margin: 0
}

.bpr-prof .bpr-line>span {
	float: left;
	width: 110px;
	line-height: 20px;
	margin: 7px 5px 0 0
}

.bpr-prof input[type="text"],
.bpr-prof input[type="url"] {
	padding: 8px;
	float: left;
	border: 1px solid #ccc;
	border-radius: 3px;
	height: 36px !important;
	margin: 0
}

.bpr-prof textarea {
	width: 100%;
	height: 200px;
	max-width: 400px;
	padding: 8px;
	float: left;
	border: 1px solid #ccc;
	border-radius: 3px;
	margin: 0
}

.bpr-prof .bpr-row-oh .bpr-line input[type="text"] {
	width: 140px;
	max-width: 100%
}

.bpr-prof .bpr-row-sc .bpr-line input[type="text"] {
	width: 420px;
	max-width: 100%
}

.bpr-prof .bpr-row-vd .bpr-line input[type="url"] {
	width: 420px;
	max-width: 100%
}

.bpr-prof .bpr-row-wrap {
	float: left;
	width: 100%;
	clear: both;
	background: #eee
}

.bpr-prof .bpr-row-inf {
	float: left;
	clear: none;
	width: 33.33%;
	margin: 0;
	padding: 10px;
	border-top: 1px solid #fff
}

.bpr-prof .bpr-row-inf label {
	float: left;
	clear: both;
	font-size: 13px;
	font-weight: 400
}

.bpr-prof .bpr-row-inf label>span {
	float: left
}

.bpr-prof .bpr-row-inf strong {
	float: left;
	clear: both
}

.bpr-prof .bpr-row-inf label>i {
	color: #999;
	cursor: help;
	float: left;
	margin-left: 6px;
	font-size: 11px;
	line-height: 11px
}

.bpr-prof .bpr-row.bpr-row-buttons {
	margin: 20px 0 0 0
}

.bpr-prof .bpr-btn {
	margin: 0 8px 6px 0;
	float: left;
	width: auto;
	height: auto;
	font-size: 14px;
	font-weight: 700;
	color: #fff;
	background: #333;
	padding: 9px 15px;
	text-align: center;
	min-width: 100px;
	border: none;
	border-radius: 3px
}

.bpr-prof .bpr-btn.bpr-btn-alt {
	background: #d4d4d4;
	color: #333
}

.bpr-prof .bpr-btn:not(.bpr-disabled):hover {
	background: #000;
	color: #fff;
	text-decoration: none
}

.bpr-prof .bpr-btn.bpr-btn-alt:hover {
	background: #b4b4b4;
	color: #111
}

.bpr-prof .bpr-btn.bpr-disabled {
	opacity: .6;
	cursor: not-allowed
}

!.bpr-prof #bpr-category_multiple {
	float: left;
	width: 230px;
	height: 200px;
	clear: both
}

.bpr-row-select-multiple select {
	height: auto;
	-webkit-appearance: initial !important;
	min-width: 240px;
	min-height: 160px;
	width: 240px;
	height: 160px;
	overflow-y: scroll
}

.bpr-prof .bpr-row-icon .bpr-preview {
	float: left;
	width: 100px;
	margin: 0 0 10px 0
}

.bpr-prof .bpr-row-cover .bpr-preview {
	float: left;
	width: 80%;
	margin: 0 0 10px 0
}

.bpr-prof .bpr-preview img {
	float: left;
	width: auto;
	height: auto;
	max-width: 100%
}

.bpr-prof .bpr-show-profile {
	float: left;
	clear: both;
	margin: 0 0 20px 0;
	text-decoration: none
}

.bpr-prof .bpr-show-profile.bpr-disabled {
	color: #888;
	text-decoration: none;
	cursor: not-allowed
}

.bpr-prof .bpr-show-profile:hover {
	text-decoration: underline
}

.bpr-prof .bpr-preview.bpr-gal em {
	color: #777;
	margin: 0 0 10px 0;
	display: block
}

.bpr-prof .bpr-preview.bpr-gal .img {
	float: left;
	margin: 0 8px 8px 0;
	position: relative
}

.bpr-prof .bpr-preview.bpr-gal .img img {
	float: left;
	height: 80px;
	width: 96px;
	object-fit: cover;
	border-radius: 5px;
	margin: 0;
	transition: 0.2s;
	border: 1px solid #ccc
}

.bpr-prof .bpr-preview.bpr-gal .img img:hover {
	border-color: #aaa;
	box-shadow: 0 2px 8px rgb(0 0 0 / .3)
}

.bpr-prof .bpr-preview.bpr-gal .img .del {
	transition: 0.2s;
	opacity: 0;
	position: absolute;
	color: #fff;
	background: #111;
	border-radius: 5px;
	top: 4px;
	right: 4px;
	width: 32px;
	height: 32px;
	text-align: center
}

.bpr-prof .bpr-preview.bpr-gal .img:hover .del {
	opacity: 1
}

.bpr-prof .bpr-preview.bpr-gal .img .del:hover {
	background: #333;
	color: #fff
}

.bpr-prof .bpr-preview.bpr-gal .img .del i {
	display: inline-block;
	font-size: 14px;
	line-height: 32px
}

#bpr-gallery {
	float: left;
	width: 100%;
	clear: both;
	margin: 15px 0 0 0;
	padding: 20px 0 0 0;
	border-top: 1px solid #ccc
}

#bpr-gallery .bpr-head {
	float: left;
	width: 100%;
	clear: both;
	margin: 0 0 8px 0;
	font-size: 15px;
	font-weight: 700;
	line-height: 17px
}

#bpr-gallery .bpr-gallery-images {
	float: left;
	clear: both;
	width: 100%
}

#bpr-gallery .bpr-gallery-images a {
	float: left;
	margin: 0 6px 6px 0
}

#bpr-gallery .bpr-gallery-images img {
	float: left;
	height: 80px;
	width: 96px;
	object-fit: contain;
	border-radius: 5px;
	margin: 0;
	transition: 0.2s;
	border: 1px solid #ccc
}

#bpr-gallery .bpr-gallery-images img:hover {
	border-color: #aaa;
	box-shadow: 0 2px 8px rgb(0 0 0 / .3)
}

#bpr-video {
	float: left;
	width: 100%;
	clear: both;
	margin: 15px 0 0 0;
	padding: 20px 0 0 0;
	border-top: 1px solid #ccc
}

#bpr-video .bpr-head {
	float: left;
	width: 100%;
	clear: both;
	margin: 0 0 8px 0;
	font-size: 15px;
	font-weight: 700;
	line-height: 17px
}

#bpr-video .bpr-video-cards {
	float: left;
	clear: both;
	width: 100%
}

#bpr-video .bpr-video-card {
	float: left;
	width: 100%;
	margin: 0 0 12px 0
}

#bpr-video .bpr-video-card iframe {
	width: 100%;
	height: 240px
}

@media screen and (min-width:1024px) {
	#bpr-video.grid .bpr-video-cards {
		width: calc(100% + 12px);
		margin-right: -12px
	}

	#bpr-video.grid .bpr-video-card {
		width: calc(50% - 12px);
		margin: 0 12px 12px 0
	}

	#bpr-video.grid .bpr-video-card iframe {
		height: 145px
	}
}

#bpr-seller-map {
	float: left;
	width: 100%;
	clear: both;
	margin: 0;
	padding: 0
}

#bpr-seller-map:empty {
	display: none
}

#bpr-seller-map #itemMap {
	margin: 10px 0
}

.bpr-attachment {
	float: left;
	width: auto;
	clear: both;
	margin: 0 6px 4px 0
}

.bpr-attachment .bpr-att-box {
	float: left;
	width: 100%;
	clear: both;
	margin: 0;
	position: relative
}

.bpr-attachment .bpr-att-box input {
	cursor: pointer;
	opacity: 0;
	padding: 5px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	background: #fff0
}

.bpr-attachment .bpr-att-box .bpr-status {
	margin: 0;
	float: left;
	width: auto;
	transition: 0.1s;
	cursor: pointer;
	padding: 0;
	position: relative;
	z-index: 2;
	text-decoration: none;
	padding: 5px 7px;
	background: #007cba;
	border-radius: 6px;
	color: #fff;
	font-size: 13px;
	line-height: 16px;
	font-weight: 700
}

.bpr-attachment .bpr-att-box .bpr-status:hover {
	background: #00669b;
	color: #fff
}

.bpr-attachment .bpr-att-box .bpr-wrap {
	float: left;
	width: auto;
	cursor: pointer;
	position: relative;
	z-index: 2
}

.bpr-attachment .bpr-att-box .bpr-status i {
	float: left;
	font-weight: 400;
	margin-right: 4px;
	cursor: pointer;
	font-size: 13px;
	line-height: 16px
}

.bpr-attachment .bpr-att-box .bpr-status .bpr-wrap span {
	cursor: pointer
}

.bpr-attachment .bpr-text {
	float: left;
	width: 100%;
	clear: both;
	margin: 1px 0;
	font-size: 12px;
	color: #999;
	line-height: 13px
}

.bpr-body a.bpr-rem-img {
	margin: 0;
	float: left;
	width: auto;
	transition: 0.1s;
	cursor: pointer;
	padding: 0;
	color: #555;
	position: relative;
	z-index: 2;
	text-decoration: none;
	padding: 5px 8px;
	background: #ddd;
	border-radius: 6px;
	font-size: 13px;
	line-height: 16px;
	font-weight: 700
}

.bpr-body a.bpr-rem-img:hover {
	background: #d0d0d0;
	color: #555;
	text-decoration: none
}

.bpr-comp {
	float: left;
	width: 23%;
	transition: 0.2s;
	margin: 0 1% 20px 1%;
	padding: 0 0 20px 0;
	border: 1px solid rgb(0 0 0 / .08);
	box-shadow: 2px 2px 10px rgb(0 0 0 / .05);
	border-radius: 3px;
	background: #fff;
	text-align: center
}

.bpr-comp:hover {
	border-color: rgb(0 0 0 / .15);
	box-shadow: 3px 3px 20px rgb(0 0 0 / .2)
}

.bpr-comp .bpr-cover .bpr-wrap {
	padding-top: 66%;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px
}

.bpr-comp .bpr-cover .bpr-elip {
	display: block;
	position: absolute;
	bottom: -45px;
	left: -10%;
	width: 120%;
	height: 60px;
	background: #fff;
	z-index: 2;
	border-radius: 100%
}

.bpr-comp .bpr-icon-wrap {
	float: left;
	clear: both;
	width: 100%;
	position: relative;
	z-index: 4;
	margin-bottom: 17%
}

.bpr-comp .bpr-icon-wrap .bpr-icon {
	position: absolute;
	top: 0;
	left: 50%;
	margin: -30% 0 0 -20%;
	width: 40%;
	border-radius: 200px
}

.bpr-comp .bpr-icon-wrap .bpr-icon>div {
	background-color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding-top: calc(100% - 2px);
	border-radius: 200px;
	overflow: hidden;
	border: 1px solid rgb(0 0 0 / .1);
	box-shadow: 2px 2px 10px rgb(0 0 0 / .05);
	background-position: center center;
	background-size: cover;
	background-clip: border-box;
	background-repeat: no-repeat
}

.bpr-comp .bpr-info {
	float: left;
	clear: both;
	width: 100%;
	padding: 0 15px
}

.bpr-comp .bpr-title {
	max-width: 100%;
	display: inline-block;
	clear: both;
	font-size: 18px;
	color: #111;
	text-decoration: none;
	font-weight: 700;
	margin: 0 0 8px 0;
	line-height: 20px;
	height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: break-all;
	word-wrap: break-word
}

.bpr-comp:hover .bpr-title {
	color: #111;
	text-decoration: underline
}

.bpr-comp .bpr-loc {
	max-width: 100%;
	display: inline-block;
	clear: both;
	font-size: 14px;
	color: #777;
	width: 100%;
	margin: 0 0 12px 0;
	white-space: nowrap;
	height: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	word-wrap: break-word
}

.bpr-comp .bpr-labels {
	display: inline-block;
	clear: both;
	width: auto;
	margin: 0 auto
}

.bpr-comp .bpr-count {
	float: left;
	width: auto;
	clear: none;
	font-size: 13px;
	margin: 0;
	background: #eee;
	color: #777;
	padding: 0 4px;
	border-radius: 4px;
	line-height: 20px
}

.bpr-comp .bpr-user-type {
	float: left;
	clear: none;
	width: auto;
	font-size: 12px;
	margin: 0 6px 0 0;
	background: #333;
	color: #fff;
	padding: 0 4px;
	border-radius: 4px;
	line-height: 20px
}

.bpr-filters {
	float: left;
	clear: both;
	width: 100%;
	padding: 0 20px;
	border-top: 1px solid #ccc
}

.bpr-filters>strong {
	float: left;
	font-size: 16px;
	padding: 15px 12px;
	line-height: 18px;
	border-bottom: 3px solid #0aad6a;
	color: #0aad6a
}

.bpr-filters .bpr-select {
	float: right;
	margin: 7px 0 0 8px;
	width: auto;
	max-width: 40%
}

.bpr-filters .bpr-select select {
	float: left;
	width: auto;
	max-width: 100%;
	line-height: 18px;
	color: #333;
	margin-bottom: 0;
	height: 36px;
	position: relative;
	overflow: hidden;
	padding: 7px;
	font-size: 14px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 3px
}

.bpr-filters .bpr-select .select-box {
	height: 34px
}

.bpr-filters .bpr-select .select-box-icon {
	top: 0;
	text-align: center;
	line-height: 28px
}

.bpr-filters .bpr-select .select-box .select-box-label {
	line-height: 32px
}

.bpr-filters .bpr-show-all {
	float: right;
	margin: 16px 15px 0 0;
	font-size: 14px;
	text-decoration: none;
	line-height: 18px;
	color: #2965be;
	font-weight: 400
}

.bpr-filters .bpr-show-all:hover {
	text-decoration: underline
}

#sellerContact {
	position: absolute;
	width: 300px;
	max-width: 100%;
	height: 100%;
	display: none;
	top: 0;
	left: 0;
	z-index: 4;
	background: rgb(0 0 0 / .6);
	padding: 20px
}

#sellerContact fieldset {
	float: left;
	width: 100%;
	height: auto;
	overflow-y: auto;
	max-height: 100%
}

#sellerContact .bpr-title {
	float: left;
	clear: both;
	width: 100%;
	font-size: 14px;
	font-weight: 700;
	color: #fff;
	margin: 0 0 10px 0
}

#sellerContact input {
	border: none;
	background: rgb(255 255 255 / .8);
	width: 80%;
	color: #000;
	float: left;
	clear: both;
	font-size: 14px;
	line-height: 16px;
	height: auto !important;
	padding: 8px 8px;
	margin: 0 0 12px 0
}

#sellerContact textarea {
	border: none;
	background: rgb(255 255 255 / .8);
	color: #000;
	float: left;
	width: 100%;
	clear: both;
	font-size: 14px;
	line-height: 16px;
	height: 40px;
	padding: 8px;
	margin: 0 0 12px 0
}

#sellerContact .bpr-btn {
	float: left;
	clear: both;
	width: auto;
	height: auto;
	font-size: 13px;
	font-weight: 700;
	color: #fff;
	background: #03a9f4;
	padding: 8px 12px;
	border: none;
	border-radius: 3px
}

#sellerContact .bpr-btn:hover {
	background: #0695d6;
	color: #fff;
	text-decoration: none
}

#sellerContact .bpr-close {
	position: absolute;
	top: 15px;
	right: 15px;
	width: 16px;
	height: 16px;
	cursor: pointer;
	opacity: .6
}

#sellerContact .bpr-close:hover {
	opacity: .85
}

#sellerContact .bpr-close img {
	float: left;
	width: 100%;
	height: 100%
}

#bpr-pagination {
	float: left;
	clear: both;
	width: 100%;
	margin: 0 0 10px 0;
	display: flex;
	justify-content: center;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center
}

#bpr-pagination a,
#bpr-pagination span {
	float: left;
	width: auto;
	min-width: 32px;
	height: 32px;
	line-height: 32px;
	padding: 0 3px;
	margin: 0 3px 6px 3px;
	text-decoration: none;
	text-align: center;
	font-size: 12px;
	font-weight: 700;
	color: #777;
	border: 1px solid #ccc;
	background: #fff;
	border-radius: 3px
}

#bpr-pagination span {
	border-color: #fff0
}

#bpr-pagination a:hover,
#bpr-pagination a.bpr-active {
	background: #03a9f4;
	color: #fff;
	text-decoration: none;
	border-color: #03a9f4
}

.bpr-list #bpr-pagination {
	width: 98%;
	margin: 0 1% 10px 1%
}

.bpr-items {
	float: left;
	clear: both;
	width: 100%;
	margin: 0 0 10px 0
}

.bpr-empty {
	float: left;
	clear: both;
	width: 100%;
	padding: 25px 10px;
	background: rgb(0 0 0 / .05);
	margin: 10px 0;
	font-size: 13px;
	color: rgb(0 0 0 / .5);
	text-align: center;
	border-radius: 3px
}

#bpr-seller {
	display: block;
	clear: both;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto
}

#bpr-seller .bpr-inside {
	float: left;
	display: block;
	clear: both;
	width: 100%;
	margin: 20px 0 10px 0;
	border: 1px solid rgb(0 0 0 / .08);
	box-shadow: 2px 2px 10px rgb(0 0 0 / .05);
	border-radius: 3px;
	padding: 3px 3px 0 3px;
	background: #fff
}

#bpr-seller .bpr-inside-trans {
	float: left;
	display: block;
	clear: both;
	width: 100%;
	margin: 0 0 40px 0
}

#bpr-seller .bpr-inside-all {
	float: left;
	display: block;
	clear: both;
	width: 100%;
	margin: 20px 0 40px 0
}

#bpr-seller .bpr-msg-wrap+.bpr-inside {
	margin-top: 0
}

#bpr-seller .bpr-msg-wrap {
	margin-top: 20px
}

.bpr-cover {
	float: left;
	clear: both;
	width: 100%;
	position: relative
}

.bpr-cover .bpr-wrap {
	float: left;
	clear: both;
	width: 100%;
	padding-top: 25%;
	overflow: hidden;
	position: relative
}

.bpr-cover .bpr-wrap .bpr-wrap-img {
	top: 0;
	left: 0;
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-size: cover;
	background-clip: border-box;
	background-repeat: no-repeat
}

.bpr-cover .bpr-socials {
	position: absolute;
	right: 20px;
	bottom: 20px
}

.bpr-cover .bpr-socials a {
	float: left;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 5px;
	font-size: 20px;
	text-align: center;
	margin: 0 0 0 8px;
	background: rgb(0 0 0 / .35);
	color: rgb(255 255 255 / .9)
}

.bpr-cover .bpr-socials a:hover {
	background: rgb(0 0 0 / .45)
}

.bpr-cover .bpr-socials a i {
	line-height: 40px
}

.bpr-cover .bpr-contact-us {
	position: absolute;
	left: 20px;
	bottom: 20px
}

.bpr-cover .bpr-contact-us a {
	float: left;
	width: auto;
	height: 40px;
	line-height: 40px;
	border-radius: 5px;
	padding: 0 12px;
	font-size: 13px;
	font-weight: 700;
	text-decoration: none;
	text-align: center;
	margin: 0;
	background: rgb(0 0 0 / .35);
	color: rgb(255 255 255 / .9)
}

.bpr-cover .bpr-contact-us a.bpr-disabled {
	cursor: not-allowed;
	color: rgb(255 255 255 / .8)
}

.bpr-cover .bpr-contact-us a.bpr-go:hover {
	background: rgb(0 0 0 / .45)
}

.bpr-profile {
	float: left;
	clear: both;
	width: 100%;
	margin: 10px 0
}

.bpr-profile h1 {
	float: left;
	clear: both;
	width: auto;
	font-size: 22px;
	color: #111;
	margin: 0 0 10px 0;
	line-height: 24px
}

.bpr-profile .bpr-left {
	float: left;
	width: 70%;
	padding: 20px;
	border-right: 1px solid #ccc;
	margin: 0;
	position: relative
}

.bpr-profile .bpr-left .bpr-icon {
	float: left;
	width: 80px;
	margin: 0 10px;
	overflow: hidden
}

.bpr-profile .bpr-left .bpr-icon img {
	float: left;
	width: auto;
	height: auto;
	max-width: 100%
}

.bpr-profile .bpr-left .bpr-box {
	float: left;
	width: calc(100% - 100px);
	padding: 0 80px 0 20px;
	position: relative
}

.bpr-profile .bpr-verified {
	position: absolute;
	right: 12px;
	width: 80px
}

.bpr-profile .bpr-verified img {
	float: left;
	width: 100%;
	height: auto
}

.bpr-profile .bpr-type-wrap {
	float: left;
	clear: both;
	width: 100%;
	margin: 15px 0 0 0;
	text-align: center
}

.bpr-profile .bpr-user-type {
	display: inline-block;
	width: auto;
	margin: 0;
	padding: 2px 5px;
	line-height: 15px;
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
	color: #fff;
	background: #333;
	border-radius: 3px
}

.bpr-profile .bpr-user-type.bpr-type-1,
.bpr-comp .bpr-user-type.bpr-type-1 {
	background: #e6b112
}

.bpr-profile .bpr-user-type.bpr-type-2,
.bpr-comp .bpr-user-type.bpr-type-2 {
	background: #75bdda
}

.bpr-profile .bpr-user-type.bpr-type-3,
.bpr-comp .bpr-user-type.bpr-type-3 {
	background: #a85cca
}

.bpr-profile .bpr-category {
	float: left;
	clear: both;
	width: auto;
	margin: 0 0 10px 0;
	font-size: 14px
}

.bpr-profile .bpr-category a {
	float: left;
	color: #2965be;
	font-weight: 700;
	text-decoration: none
}

.bpr-profile .bpr-category a:hover {
	text-decoration: underline
}

.bpr-profile .bpr-category span {
	float: left;
	margin: 0 3px 0 0
}

.bpr-profile .bpr-reg {
	float: left;
	width: auto;
	margin: 0 0 8px 0;
	font-size: 12px;
	color: #aaa;
	line-height: 20px;
	clear: both
}

!.bpr-profile .bpr-reg>span {
	float: left;
	margin: 0 10px
}

.bpr-profile .bpr-about {
	float: left;
	clear: both;
	width: 100%;
	margin: 0 0 10px 0;
	color: #666;
	white-space: pre-line
}

.bpr-profile .bpr-features {
	float: left;
	clear: both;
	width: 100%;
	margin: 20px 0 10px 0
}

.bpr-profile .bpr-features .bpr-feat {
	float: left;
	width: 33%;
	padding: 0;
	margin: 5px 0
}

.bpr-profile .bpr-features .bpr-ic {
	float: left;
	margin: 0 6px 0 0
}

.bpr-profile .bpr-features .bpr-ic img {
	float: left;
	width: 14px;
	margin: 2px 0;
	height: auto
}

.bpr-profile .bpr-features .bpr-feat-name {
	font-size: 14px;
	font-weight: 700;
	color: #333
}

.bpr-profile .bpr-right {
	float: left;
	width: 30%;
	padding: 20px 25px;
	border-left: 1px solid #ccc;
	margin: 0 0 0 -1px
}

.bpr-profile .bpr-right>div {
	float: left;
	clear: both;
	width: 100%;
	margin: 0 0 15px 0;
	position: relative
}

.bpr-profile .bpr-right>div>i {
	position: absolute;
	left: 0;
	top: -3px;
	width: 24px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	font-size: 15px;
	color: #fff;
	background: #999;
	border-radius: 100px
}

.bpr-profile .bpr-right-box {
	float: left;
	clear: both;
	width: 100%;
	padding: 0 0 0 35px;
	min-height: 30px
}

.bpr-profile .bpr-hours .bpr-right-box>div {
	float: left;
	clear: both;
	width: 100%
}

.bpr-profile .bpr-hours .bpr-right-box>div span {
	min-width: 25px;
	display: inline-block
}

.bpr-profile .bpr-payments {
	font-weight: 700;
	text-transform: uppercase
}

.bpr-profile .bpr-phone a {
	clear: both;
	display: block;
	float: left;
	width: auto;
	color: #333;
	text-decoration: none;
	font-weight: 400;
	border-bottom: 1px dashed #bbb
}

.bpr-profile .bpr-phone a:hover {
	border-bottom: 1px solid #bbb
}

.bpr-profile .bpr-phone a.bpr-bold {
	font-weight: 700
}

.bpr-profile .bpr-location a {
	display: block;
	clear: both;
	text-decoration: underline;
	font-size: 12px;
	font-weight: 400;
	color: #2965be;
	margin: 2px 0 5px 0
}

.bpr-profile .bpr-location a:hover {
	text-decoration: none
}

.bpr-profile .bpr-location a.hidden {
	display: none
}

.bpr-profile .bpr-links a {
	float: left;
	clear: both;
	width: auto;
	text-decoration: none;
	font-weight: 500;
	color: #2965be;
	margin: 0 0 5px 0
}

.bpr-profile .bpr-links a:hover {
	text-decoration: underline;
	color: #2965be
}

.bpr-profile .bpr-right>div.bpr-legal-notice-sidebar {
	margin-top: 5px
}

.bpr-legal-notice-sidebar .bpr-legal-notice-head {
	width: auto;
	float: left;
	clear: both;
	cursor: pointer
}

.bpr-legal-notice-sidebar .bpr-legal-notice-head:hover {
	text-decoration: underline
}

.bpr-legal-notice-sidebar .bpr-legal-notice-head.opened>i.fa {
	transform: rotate(180deg)
}

.bpr-legal-notice-sidebar .bpr-legal-notice-text {
	width: 100%;
	float: left;
	clear: both;
	display: none;
	margin-top: 5px
}

.bpr-box-check {
	float: left;
	width: 25%;
	clear: none;
	margin: 5px 0 8px 0
}

.bpr-box-check input[type="checkbox"] {
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	visibility: hidden;
	overflow: hidden;
	padding: 0 !important;
	width: 0 !important;
	height: 0 !important;
	margin: 0 !important;
	box-shadow: none !important
}

.bpr-box-check label {
	cursor: pointer;
	position: relative;
	float: left;
	padding: 0 0 0 24px !important;
	line-height: 20px;
	font-size: 13px;
	width: auto;
	clear: both
}

.bpr-box-check label:hover {
	text-decoration: underline
}

.bpr-box-check label:before {
	cursor: pointer;
	content: "";
	width: 18px;
	height: 18px;
	border: 1px solid #ccc;
	font-weight: 500;
	text-shadow: none;
	position: absolute;
	top: 0;
	left: 0;
	text-shadow: none;
	box-shadow: 1px 1px 1px rgb(0 0 0 / .06);
	-moz-box-shadow: 1px 1px 1px rgb(0 0 0 / .06);
	-webkit-box-shadow: 1px 1px 1px rgb(0 0 0 / .06);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-transition: 0.1s linear all;
	-moz-transition: 0.1s linear all;
	-ms-transition: 0.1s linear all;
	-o-transition: 0.1s linear all;
	transition: 0.1s linear all
}

.bpr-box-check label:hover:before {
	border-color: #aaa
}

.bpr-box-check label:after {
	cursor: pointer;
	text-indent: 0;
	font-family: "FontAwesome", "Font Awesome 5 Free";
	content: "\f00c";
	color: #fff0;
	font-size: 13px;
	width: 18px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	font-weight: 500;
	text-shadow: none;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-transition: 0.1s linear all;
	-moz-transition: 0.1s linear all;
	-ms-transition: 0.1s linear all;
	-o-transition: 0.1s linear all;
	transition: 0.1s linear all
}

.bpr-box-check input[type="checkbox"]:checked+label:before {
	border-color: #03a9f4;
	color: #fff;
	background-color: #03a9f4;
	text-shadow: 1px 1px 1px rgb(0 0 0 / .1)
}

.bpr-box-check input[type="checkbox"]:checked+label:after {
	color: #fff
}

.bpr-banner {
	display: block;
	margin: 16px 0;
	float: left;
	text-align: center;
	width: 100%;
	border: none
}

!.bpr-banner.is-demo {
	display: none
}

.bpr-banner .myad {
	display: inline-block;
	max-width: 100%;
	margin: 0 auto;
	overflow: hidden
}

.bpr-banner#bpr-banner .myad {
	text-align: center;
	display: flex
}

.bpr-banner#bpr-banner .myad .text {
	margin: auto;
	text-align: center;
	line-height: 18px;
	font-size: 16px
}

.bpr-banner#bpr-banner.opt-adsense .myad .text {
	margin: 0;
	display: inline-block;
	width: 100%;
	height: auto
}

!.bpr-banner#bpr-banner.is-demo,
.home-container.banner-box.is-demo {
	display: none
}

.bpr-banner#bpr-banner.is-demo .myad {
	border: 1px solid #3b49df;
	font-family: monospace;
	color: #3b49df;
	padding: 14px 8px
}

.bpr-banner#bpr-banner.is-demo .myad .text span {
	display: block
}

.bpr-banner#bpr-banner.is-demo .myad .text strong {
	display: block;
	font-size: 12px;
	line-height: 14px;
	margin: 3px 0 0 0;
	color: #666;
	font-weight: 400
}

!.banner-home_top {
	margin: 0 0 16px 0
}

!.banner-search_top .myad,
.banner-search_middle .myad,
.banner-search_bottom .myad,
.banner-item_description .myad,
.banner-public_profile_middle .myad,
.banner-public_profile_bottom .myad {
	width: 728px;
	height: 90px
}

!.banner-home_top .myad,
.banner-home_bottom .myad,
.banner-item_top .myad,
.banner-item_bottom .myad,
.banner-home_middle .myad,
.banner-static_page_top .myad,
.banner-static_page_bottom .myad {
	width: 970px;
	height: 90px
}

!.banner-item_sidebar .myad,
.banner-public_profile_sidebar .myad {
	width: 300px;
	height: 250px
}

.bpr-banner#bpr-banner.opt-adsense .myad {
	width: 100%;
	height: auto
}

@media screen and (max-width:1200px) {
	#bpr-seller.bpr-block .bpr-comp {
		max-width: 31.333%;
		min-width: 19%
	}

	.bpr-profile .bpr-features .bpr-feat {
		width: 50%
	}

	.bpr-profile .bpr-left {
		width: 60%
	}

	.bpr-profile .bpr-right {
		width: 40%
	}

	#bpr-pagination,
	.bpr-items {
		padding: 0 10px
	}

	.bpr-cover .bpr-wrap {
		padding-top: 30%
	}

	.bpr-profile .bpr-verified {
		width: 60px;
		right: 0
	}

	.bpr-profile .bpr-left .bpr-box {
		width: calc(100% - 80px);
		padding-right: 60px
	}

	.bpr-profile .bpr-left .bpr-icon {
		width: 70px;
		margin: 0 5px
	}

	#sellerContact .bpr-title {
		margin-bottom: 5px
	}

	#sellerContact input,
	#sellerContact textarea {
		margin-bottom: 7px
	}

	#sellerContact textarea {
		height: 46px
	}

	.bpr-comp {
		width: 31.33%
	}

	.bpr-prof .bpr-row-inf {
		width: 50%
	}

	.bpr-box-check {
		width: 33.33%
	}

	.bpr-prof .bpr-row-cover .bpr-preview {
		width: 100%
	}
}

@media screen and (max-width:767px) {
	#bpr-seller.bpr-block .bpr-comp {
		max-width: 49%;
		min-width: 24%
	}

	.bpr-prof .bpr-preview.bpr-gal .img .del {
		opacity: 1
	}

	.bpr-top-search .bpr-search-left {
		width: 100%;
		margin-bottom: 10px;
		max-width: 100%
	}

	.bpr-top-search #bpr-word {
		width: 100%;
		min-width: 100px
	}

	.bpr-top-search .bpr-search-right {
		float: left;
		clear: both;
		width: 100%;
		max-width: 100%
	}

	.bpr-top-search .bpr-search-right select {
		width: 49%;
		max-width: 49%;
		float: left
	}

	.bpr-top-search .bpr-search-right select:first-child {
		margin-left: 0
	}

	.bpr-profile .bpr-left {
		width: 100%;
		border: none;
		padding: 10px;
		border-bottom: 1px solid #ccc;
		margin-bottom: 15px
	}

	.bpr-profile .bpr-right {
		width: 100%;
		clear: both;
		margin: 0;
		border: none;
		padding: 10px
	}

	.bpr-filters {
		padding: 0 10px
	}

	.bpr-show-all {
		display: none
	}

	.bpr-cover .bpr-wrap {
		padding-top: 45%
	}

	#sellerContact .bpr-btn {
		padding: 4px 10px
	}

	#sellerContact input {
		padding: 5px 8px
	}

	#sellerContact textarea {
		padding: 5px 8px;
		height: 40px
	}

	.bpr-comp {
		width: 48%
	}

	.bpr-cover .bpr-socials {
		width: 100px
	}

	.bpr-cover .bpr-socials a {
		float: right;
		margin: 8px 0 0 8px
	}

	.bpr-box-check {
		width: 50%
	}

	.bpr-is-premium .bpr-p-note {
		float: left;
		clear: both;
		margin-top: 4px
	}
}

@media screen and (max-width:490px) {
	#bpr-seller.bpr-block .bpr-comp {
		min-width: 49%
	}

	.bpr-profile .bpr-left .bpr-icon {
		z-index: 2;
		position: absolute;
		top: -75px;
		left: 10px;
		border-radius: 6px 6px 0 0;
		box-shadow: 0 -3px 3px rgb(0 0 0 / .2);
		background: #fff;
		margin: 0;
		overflow: visible
	}

	.bpr-profile .bpr-type-wrap {
		width: auto;
		position: absolute;
		margin: 0;
		top: -5px;
		right: -5px
	}

	.bpr-cover .bpr-contact-us {
		top: 10px;
		left: 10px;
		bottom: auto
	}

	.bpr-cover .bpr-wrap {
		padding-top: 60%
	}

	#sellerContact .bpr-title {
		display: none
	}

	.bpr-profile .bpr-verified {
		width: 70px;
		right: 0;
		top: 0
	}

	.bpr-profile h1,
	.bpr-profile .bpr-category,
	.bpr-profile .bpr-reg {
		padding-right: 85px
	}

	.bpr-profile .bpr-left .bpr-box {
		width: 100%;
		padding: 0
	}

	.bpr-filters>strong {
		display: none
	}

	.bpr-filters .bpr-select {
		float: left;
		margin: 10px 8px 10px 0
	}

	.bpr-profile .bpr-reg {
		clear: both
	}

	.bpr-profile .bpr-reg>span {
		display: none
	}

	.bpr-comp .bpr-loc {
		white-space: normal;
		height: 36px
	}

	.bpr-cover .bpr-socials a:nth-child(n+5) {
		display: none
	}

	.bpr-prof .bpr-row-inf {
		width: 100%
	}

	.bpr-box-check {
		width: 100%
	}

	.bpr-prof .bpr-line>span {
		width: 105px
	}

	.bpr-prof .bpr-row-oh .bpr-line input[type="text"] {
		width: 110px
	}

	#bpr-video .bpr-video-card iframe {
		height: 180px
	}
}

@media screen and (max-width:360px) {
	#bpr-video .bpr-video-card iframe {
		height: 150px
	}
}

html[dir="rtl"] .bpr-body {
	direction: rtl
}

html[dir="rtl"] .bpr-prof .bpr-show-profile,
html[dir="rtl"] .bpr-prof .bpr-row,
html[dir="rtl"] .bpr-prof .bpr-row-inf,
html[dir="rtl"] .bpr-prof .bpr-row-inf label,
html[dir="rtl"] .bpr-prof .bpr-row-inf label>span,
html[dir="rtl"] .bpr-prof .bpr-row-icon .bpr-preview,
html[dir="rtl"] .bpr-prof input[type="text"],
html[dir="rtl"] .bpr-select-cat,
html[dir="rtl"] .bpr-prof .bpr-line>span,
html[dir="rtl"] .bpr-box-check,
html[dir="rtl"] .bpr-prof .bpr-row-cover .bpr-preview,
html[dir="rtl"] .bpr-prof .bpr-row-inf strong {
	float: right
}

html[dir="rtl"] .bpr-prof .bpr-row-inf label>i {
	float: right;
	margin-right: 6px;
	margin-left: 0
}

html[dir="rtl"] .bpr-attachment {
	float: right;
	margin-right: 6px;
	margin-left: 0
}

html[dir="rtl"] .bpr-attachment .bpr-att-box .bpr-status i {
	float: right;
	margin-left: 4px;
	margin-right: 0
}

html[dir="rtl"] .bpr-box-check label {
	float: right;
	padding: 0 24px 0 0 !important
}

html[dir="rtl"] .bpr-box-check label:before,
html[dir="rtl"] .bpr-box-check label:after {
	right: 0;
	left: auto
}

html[dir="rtl"] .bpr-prof .bpr-btn {
	float: right;
	margin-right: 0;
	margin-left: 8px
}

html[dir="rtl"] .bpr-profile .bpr-verified {
	left: 12px;
	right: auto
}

html[dir="rtl"] #bpr-pagination {
	float: right
}

@media screen and (max-width:1200px) {
	html[dir="rtl"] .bpr-profile .bpr-verified {
		left: 0;
		right: auto
	}
}

html[dir="rtl"] .bpr-profile .bpr-right>div.bpr-phone {
	direction: ltr
}

html[dir="rtl"] .bpr-comp .bpr-user-type {
	float: right;
	margin: 0 0 0 6px
}

html[dir="rtl"] .bpr-comp .bpr-count,
html[dir="rtl"] .bpr-comp,
html[dir="rtl"] .bpr-top-search .bpr-search-left,
html[dir="rtl"] .bpr-top-search #bpr-word,
html[dir="rtl"] .bpr-top-search #bpr-submit {
	float: right
}

html[dir="rtl"] .bpr-top-search #bpr-word {
	border-left: none !important;
	border-right: 1px solid #d4d4d4 !important;
	border-color: #d4d4d4
}

html[dir="rtl"] .bpr-top-search .bpr-search-right {
	float: left
}

html[dir="rtl"] .bpr-top-search .bpr-search-right select {
	float: left;
	margin-right: 2%;
	margin-left: 0
}

html[dir="rtl"] .bpr-cover .bpr-contact-us {
	right: 20px;
	left: auto
}

html[dir="rtl"] .bpr-cover .bpr-socials {
	left: 20px;
	right: auto
}

html[dir="rtl"] .bpr-cover .bpr-socials a {
	float: right;
	margin-left: 0;
	margin-right: 8px
}

html[dir="rtl"] .bpr-profile .bpr-left {
	float: right;
	border-left: 1px solid #ccc;
	border-right: none
}

html[dir="rtl"] .bpr-profile .bpr-right {
	float: left;
	border-right: 1px solid #ccc;
	border-left: none;
	margin-left: 0;
	margin-right: -1px
}

html[dir="rtl"] .bpr-profile .bpr-right>div>i {
	right: 0;
	left: auto
}

html[dir="rtl"] .bpr-profile .bpr-right-box {
	float: right;
	padding: 0 35px 0 0
}

html[dir="rtl"] .bpr-profile .bpr-phone a,
html[dir="rtl"] .bpr-profile .bpr-links a,
html[dir="rtl"] .bpr-profile .bpr-left .bpr-icon,
html[dir="rtl"] .bpr-profile h1,
html[dir="rtl"] .bpr-profile .bpr-category,
html[dir="rtl"] .bpr-profile .bpr-reg,
html[dir="rtl"] .bpr-profile .bpr-about,
html[dir="rtl"] .bpr-filters>strong {
	float: right
}

html[dir="rtl"] .bpr-profile .bpr-links a i {
	display: none
}

html[dir="rtl"] .bpr-filters .bpr-select {
	float: left;
	margin-right: 8px;
	margin-left: 0
}

html[dir="rtl"] .bpr-filters .bpr-show-all {
	float: left;
	margin-right: 0;
	margin-left: 15px
}

html[dir="rtl"] .bpr-profile .bpr-left .bpr-box {
	float: right;
	padding-right: 20px
}

html[dir="rtl"] #bpr-gallery .bpr-gallery-images a {
	float: right;
	margin-left: 6px;
	margin-right: 0
}

html[dir="rtl"] .bpr-profile .bpr-features .bpr-feat {
	float: right
}

html[dir="rtl"] .bpr-profile .bpr-features .bpr-ic {
	float: right;
	margin-left: 6px;
	margin-right: 0
}

html[dir="rtl"] .bpr-profile .bpr-category a,
html[dir="rtl"] .bpr-profile .bpr-category span {
	float: right
}

html[dir="rtl"] #sellerContact {
	right: 0;
	left: auto
}

html[dir="rtl"] #sellerContact .bpr-close {
	left: 15px;
	right: auto
}

html[dir="rtl"] #sellerContact input,
html[dir="rtl"] #sellerContact .bpr-btn {
	float: right
}

html[dir="rtl"] .bpr-legal-notice-sidebar .bpr-legal-notice-head {
	float: right
}

html[dir="rtl"] .bpr-legal-notice-sidebar .bpr-legal-notice-head i {
	margin-right: 3px
}

@media screen and (max-width:1200px) {
	html[dir="rtl"] .bpr-profile .bpr-left .bpr-box {
		padding-left: 60px;
		padding-right: 20px
	}
}

@media screen and (max-width:490px) {
	html[dir="rtl"] .bpr-profile .bpr-left .bpr-icon {
		right: 10px;
		left: auto
	}

	html[dir="rtl"] .bpr-profile .bpr-type-wrap {
		left: -5px;
		right: auto
	}

	html[dir="rtl"] .bpr-profile .bpr-left .bpr-box {
		width: 100%;
		padding: 0
	}

	html[dir="rtl"] .bpr-profile h1,
	html[dir="rtl"] .bpr-profile .bpr-category,
	html[dir="rtl"] .bpr-profile .bpr-reg {
		padding-right: 0;
		padding-left: 85px
	}
}

.bnr-plg {
	display: block;
	margin: 20px 0;
	float: left;
	text-align: center;
	width: 100%;
	border: none
}

.bnr-plg .myad {
	display: inline-block;
	max-width: 100%;
	margin: 0 auto;
	overflow: hidden
}

.bnr-plg#bnr-plg .myad {
	text-align: center;
	display: flex
}

.bnr-plg#bnr-plg .myad .text {
	margin: auto;
	text-align: center;
	line-height: 18px;
	font-size: 16px
}

.bnr-plg#bnr-plg.opt-adsense .myad .text {
	margin: 0;
	display: inline-block;
	width: 100%;
	height: auto
}

.bnr-plg#bnr-plg.is-demo .myad {
	border: 1px solid #0d9ecc;
	color: #0d9ecc
}

.bnr-plg#bnr-plg.is-demo .myad .text span {
	display: block
}

.bnr-plg#bnr-plg.is-demo .myad .text strong {
	display: block;
	font-size: 11px;
	line-height: 15px;
	color: #444
}

.bnr-article_top,
.bnr-home_top,
.bnr-home_bottom,
.bnr-search_middle,
.bnr-search_top,
.bnr-side_top,
.bnr-search_top,
.bnr-side_top,
.bnr-side_middle,
.bnr-side_bottom {
	margin: 0 0 20px 0
}

.bnr-side_top,
.bnr-side_middle,
.bnr-side_bottom {
	margin: 0 0 25px 0
}

.bnr-article_middle,
.bnr-article_bottom {
	margin: 20px 0 0 0
}

.bnr-home_top .myad,
.bnr-home_bottom .myad,
.bnr-search_top .myad,
.bnr-search_middle .myad,
.bnr-search_bottom .myad,
.bnr-article_top .myad,
.bnr-article_middle .myad,
.bnr-article_bottom .myad {
	width: 728px;
	height: 90px
}

.bnr-side_top .myad,
.bnr-side_middle .myad,
.bnr-side_bottom .myad {
	width: 300px;
	height: 250px
}

.bnr-plg#bnr-plg.opt-adsense .myad {
	width: 100%;
	height: auto
}

.is-demo.bnr-side_top,
.is-demo.bnr-side_bottom {
	display: none
}

#blg-share {
	display: block;
	float: left;
	width: 100%;
	position: relative;
	font-size: 14px;
	line-height: 18px;
	margin: 8px 0 8px 0
}

#blg-share a {
	float: left;
	margin: 0 15px 10px 0;
	font-weight: 600;
	text-decoration: none
}

#blg-share a:hover {
	text-decoration: underline
}

#blg-share a i {
	float: left;
	font-size: 16px;
	line-height: 18px;
	margin: 0 4px 0 0
}

.blg-pagination {
	float: left;
	clear: both;
	width: 100%;
	background: #fff0;
	padding: 15px 0;
	margin: 15px 0 0 0;
	border-top: 1px solid rgb(0 0 0 / .15);
	position: relative;
	z-index: 2;
	text-align: center
}

.blg-pagination a {
	display: inline-block;
	float: none;
	margin: 0 2px;
	text-decoration: none;
	background: #fff;
	padding: 6px 3px;
	min-width: 32px;
	height: 32px;
	line-height: 18px;
	color: #444;
	font-weight: 400;
	border-radius: 4px;
	border: 1px solid rgb(0 0 0 / .15);
	font-size: 14px;
	text-align: center
}

.blg-pagination span {
	display: inline-block;
	float: none;
	margin: 0 4px;
	padding: 6px 3px;
	height: 32px;
	line-height: 18px;
	color: #999;
	font-weight: 400;
	font-size: 14px;
	text-align: center
}

.blg-pagination a:hover,
.blg-pagination a.blg-active {
	background: #333;
	color: #fff
}

.blg-pagination.blg-pagination-topic {
	box-shadow: none;
	padding: 0;
	background: #fff0;
	width: auto;
	margin: 0 10px 15px 0
}

.blg-pagination.blg-pagination-topic a {
	background: rgb(0 0 0 / .05);
	border: none;
	line-height: 24px;
	color: #333;
	font-weight: 700;
	min-width: 30px;
	height: 30px;
	font-size: 13px
}

.blg-pagination.blg-pagination-topic span {
	float: left;
	line-height: 24px;
	font-weight: 700;
	height: 30px;
	font-size: 13px
}

.blg-pagination.blg-pagination-topic a:hover,
.blg-pagination.blg-pagination-topic a.blg-active {
	background: rgb(0 0 0 / .16);
	color: #111
}

.blg-widget-outer {
	clear: both;
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: 1200px;
	text-align: center
}

.blg-widget-inner {
	display: inline-block;
	text-align: left;
	clear: both;
	width: 100%;
	margin: 20px 0 30px 0;
	position: relative
}

.blg-tp-list .blg-blog-category {
	display: none
}

.blg-tp-list #blg-main,
.blg-tp-list #blg-body {
	width: 100%;
	padding: 0
}

.blg-tp-list .blg-widget a.h2 {
	float: left;
	clear: both;
	width: auto;
	border: none;
	padding: 0;
	margin: 0 0 10px 0;
	font-size: 14px;
	font-weight: 700;
	line-height: 16px;
	text-decoration: none;
	color: #333
}

.blg-tp-list .blg-widget a.h2:hover {
	text-decoration: underline
}

.blg-tp-list .blg-row {
	background: rgb(0 0 0 / .5);
	position: relative;
	margin: 0 0 3px 0
}

.blg-tp-list .blg-row .blg-text {
	margin-left: 30%;
	width: 70%;
	padding: 10px
}

.blg-tp-list .blg-text .blg-title {
	color: #fff;
	font-size: 13px;
	line-height: 16px;
	margin-bottom: 4px
}

.blg-tp-list .blg-text .blg-title:hover {
	color: #fff
}

.blg-tp-list .blg-text .blg-desc {
	color: #fff;
	font-size: 12px;
	line-height: 14px;
	max-height: 28px;
	overflow: hidden
}

.blg-tp-list .blg-row .blg-img {
	display: none
}

.blg-tp-list .blg-wg-in .blg-row .blg-img-div {
	display: block
}

.blg-tp-list .blg-wg-in .blg-img-div {
	position: absolute;
	left: 0;
	top: 0;
	width: 30%;
	height: 100%
}

.blg-tp-list .blg-wg-in .blg-img-div>div {
	top: 0;
	left: 0;
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-size: cover;
	background-clip: border-box;
	background-repeat: no-repeat
}

.blg-tp-grid .blg-widget-inner #blg-body {
	float: left;
	clear: both;
	width: 100%;
	padding-top: 45%;
	position: relative
}

.blg-tp-grid .blg-widget-inner #blg-main {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	height: 100%
}

.blg-tp-grid .blg-widget a.h2 {
	float: left;
	clear: both;
	width: auto;
	border: none;
	padding: 0 5px;
	margin: 0 0 20px 0;
	font-size: 18px;
	font-weight: 400;
	line-height: 20px;
	text-decoration: none;
	color: #333
}

.blg-tp-grid .blg-widget a.h2:hover {
	text-decoration: underline
}

.blg-tp-grid .blg-widget .blg-wg-in {
	position: absolute;
	width: 100%;
	left: 0;
	top: 30px;
	height: calc(100% - 30px)
}

.blg-tp-grid .blg-wg-in .blg-rw .blg-row {
	position: absolute;
	left: 5px;
	top: 5px;
	bottom: 5px;
	right: 5px;
	width: auto;
	height: auto;
	overflow: hidden
}

.blg-tp-grid .blg-wg-in .blg-blog-category,
.blg-tp-grid .blg-wg-in .blg-img {
	display: none
}

.blg-tp-grid .blg-wg-in .blg-i1 {
	position: absolute;
	left: 0;
	width: 50%;
	height: 100%;
	top: 0
}

.blg-tp-grid .blg-wg-in .blg-i2 {
	position: absolute;
	left: 50%;
	width: 25%;
	height: 60%;
	top: 0
}

.blg-tp-grid .blg-wg-in .blg-i3 {
	position: absolute;
	left: 50%;
	width: 25%;
	height: 40%;
	top: 60%
}

.blg-tp-grid .blg-wg-in .blg-i4 {
	position: absolute;
	left: 75%;
	width: 25%;
	height: 40%;
	top: 0
}

.blg-tp-grid .blg-wg-in .blg-i5 {
	position: absolute;
	left: 75%;
	width: 25%;
	height: 60%;
	top: 40%
}

.blg-tp-grid .blg-wg-in .blg-i6,
.blg-tp-grid .blg-wg-in .blg-i7,
.blg-tp-grid .blg-wg-in .blg-i8,
.blg-tp-grid .blg-wg-in .blg-i9,
.blg-tp-grid .blg-wg-in .blg-i10 {
	display: none
}

.blg-tp-grid .blg-wg-in .blg-row .blg-text {
	z-index: 3;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: rgb(0 0 0 / .6);
	color: #fff;
	padding: 20px 12px
}

.blg-tp-grid .blg-wg-in .blg-t-big .blg-row .blg-text {
	padding: 25px 20px
}

.blg-tp-grid .blg-wg-in .blg-text .blg-title {
	color: #fff;
	padding: 0;
	margin: 0 0 8px 0;
	float: left;
	clear: both;
	width: 100%;
	font-size: 20px;
	font-weight: 400;
	color: #fff;
	line-height: 24px;
	height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.blg-tp-grid .blg-wg-in .blg-text .blg-title:hover {
	text-decoration: none;
	color: #fff
}

.blg-tp-grid .blg-wg-in .blg-t-big .blg-text .blg-title {
	font-size: 25px;
	line-height: 30px;
	height: 30px;
	margin-bottom: 10px
}

.blg-tp-grid .blg-wg-in .blg-text .blg-desc {
	padding: 0;
	float: left;
	clear: both;
	width: 100%;
	font-size: 14px;
	font-weight: lighter;
	color: #fff;
	line-height: 18px;
	height: auto;
	max-height: 36px;
	overflow: hidden;
	text-overflow: ellipsis
}

.blg-tp-grid .blg-wg-in .blg-t-big .blg-text .blg-desc {
	max-height: 40px;
	line-height: 20px;
	font-size: 15px
}

.blg-tp-grid .blg-wg-in .blg-cta-wrap {
	z-index: 2;
	display: block;
	position: absolute;
	left: 0;
	height: 80px;
	bottom: 30px;
	width: 34%
}

.blg-tp-grid .blg-wg-in .blg-row .blg-img-div {
	display: block
}

.blg-tp-grid .blg-wg-in .blg-img-div {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.blg-tp-grid .blg-wg-in .blg-img-div>div {
	top: 0;
	left: 0;
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-size: cover;
	background-clip: border-box;
	background-repeat: no-repeat
}

.blg-tp-grid .blg-wg-in .blg-t-big .blg-img-div:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgb(0 0 0 / .25);
	z-index: 1
}

.blg-tp-grid .blg-wg-in .blg-card-link {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	width: 100%;
	height: 100%
}

.blg-publish h1 {
	float: left;
	clear: both;
	width: 100%;
	margin: 0 0 25px 0;
	color: #333;
	font-size: 30px;
	line-height: 34px
}

.blg-publish .blg-row label {
	font-size: 14px;
	font-weight: 700;
	float: left;
	clear: both;
	width: auto;
	margin: 4px 0 4px 0;
	color: #333
}

.blg-publish .blg-row {
	margin: 0 0 20px 0
}

.blg-publish .blg-explain {
	margin: 5px 0;
	float: left;
	clear: both;
	width: 100%;
	font-size: 12px;
	color: #999;
	font-style: italic
}

.blg-publish .blg-row select,
.blg-publish .blg-row .select-box,
.blg-publish .blg-row input[type="text"],
.blg-publish .blg-row textarea {
	float: left;
	clear: both;
	width: 100%;
	border-radius: 2px;
	background: #fff;
	border: 1px solid #ccc;
	box-shadow: none;
	padding: 6px 8px;
	line-height: 18px;
	font-size: 13px
}

.blg-publish .blg-row select:hover,
.blg-publish .blg-row .select-box:hover,
.blg-publish .blg-row select:active,
.blg-publish .blg-row .select-box:active,
.blg-publish .blg-row input[type="text"]:hover,
.blg-publish .blg-row textarea:hover,
.blg-publish .blg-row input[type="text"]:active,
.blg-publish .blg-row textarea:active {
	border-color: #aaa
}

.blg-publish .blg-row input[type="text"] {
	width: 40%
}

.blg-publish .blg-row input#s_title {
	width: 75%
}

.blg-publish .blg-row select,
.blg-publish .blg-row .select-box {
	width: 40%
}

.blg-publish .blg-row .select-box {
	padding: 0
}

.blg-publish .blg-row .select-box .select-box-icon {
	top: 4px;
	height: 22px
}

.blg-publish .blg-row .select-box select {
	width: 100%
}

.blg-publish .blg-row textarea#s_subtitle,
.blg-publish .blg-row textarea#s_seo_description {
	height: 50px;
	min-height: 50px;
	max-width: 100%;
	min-width: 100%
}

.blg-publish .mce-menubtn button,
.blg-publish .mce-btn button {
	box-shadow: none
}

.blg-publish .blg-seo-row {
	background: #eff3f3;
	padding: 20px 20px 0 20px
}

.blg-publish .blg-img-preview {
	width: auto;
	height: auto;
	float: left;
	border: 1px solid #ddd;
	border-radius: 3px;
	padding: 0;
	background: #fff;
	clear: both;
	margin-bottom: 8px
}

.blg-publish .blg-img-preview img {
	display: block;
	max-width: 360px;
	max-height: 360px;
	width: auto;
	height: auto;
	margin: 0;
	border-radius: 2px
}

.blg-att {
	clear: both;
	display: inline-block;
	width: 30%;
	float: left;
	margin: 0 0 5px 0;
	position: relative
}

.blg-att label.file-label {
	margin-top: 1px;
	margin-bottom: 0;
	float: none;
	display: inline-block;
	width: auto;
	cursor: pointer;
	padding: 7px 8px;
	background: #00BCD4;
	color: #fff;
	border-radius: 3px;
	position: relative;
	z-index: 2;
	text-align: left
}

.blg-att label.file-label:hover .wrap span {
	text-decoration: underline
}

.blg-att .wrap {
	float: none;
	width: auto;
	cursor: pointer;
	padding: 5px 5px 5px 2px;
	position: relative;
	z-index: 2
}

.blg-att .wrap span {
	font-size: 13px;
	cursor: pointer;
	line-height: 16px;
	font-weight: 600
}

.blg-att .wrap i {
	display: inline-block;
	cursor: pointer;
	font-size: 16px;
	line-height: 16px;
	width: 14px;
	vertical-align: -1px;
	text-align: left
}

.blg-att input[type="file"] {
	cursor: pointer;
	opacity: 0;
	padding: 5px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	background: #fff0
}

.blg-att .file-text {
	display: inline-block;
	width: 100%;
	clear: both;
	margin: 1px 0;
	font-size: 12px;
	color: #999;
	line-height: 13px
}

.blg-new-comment {
	float: left;
	clear: both;
	width: 100%;
	background: #f0f2f5;
	padding: 20px 20px 20px 20px;
	margin: 10px 0;
	border-radius: 6px
}

.blg-new-comment h3 {
	float: left;
	clear: both;
	width: 100%;
	font-size: 16px;
	line-height: 18px;
	font-weight: 700;
	color: #333;
	margin: 0 0 10px 0
}

.blg-new-comment .blg-row {
	margin: 0 0 15px 0
}

.blg-new-comment .blg-row.blg-not-logged {
	margin: 0
}

.blg-new-comment .blg-row label {
	font-size: 14px;
	font-weight: 700;
	float: left;
	clear: both;
	width: auto;
	margin: 4px 0 4px 0;
	color: #333
}

.blg-new-comment .blg-row input,
.blg-new-comment .blg-row textarea {
	float: left;
	clear: both;
	width: 100%;
	border-radius: 4px;
	background: #fff;
	border: 1px solid #ccc;
	box-shadow: none;
	padding: 8px;
	line-height: 18px;
	font-size: 13px
}

.blg-new-comment .blg-row input:hover,
.blg-new-comment .blg-row textarea:hover,
.blg-new-comment .blg-row input:active,
.blg-new-comment .blg-row textarea:active {
	border-color: #aaa
}

.blg-new-comment .blg-row input {
	width: 40%
}

.blg-new-comment .blg-row textarea {
	height: 106px;
	max-width: 100%
}

.blg-btn {
	outline: none;
	border: 1px solid;
	float: left;
	clear: both;
	width: auto;
	height: auto;
	line-height: 18px;
	font-size: 14px;
	padding: 10px 15px;
	border-radius: 4px;
	text-decoration: none;
	font-weight: 700;
	text-align: center;
	box-shadow: none;
	text-shadow: none
}

.blg-btn:hover {
	text-decoration: none
}

.blg-btn i {
	font-size: 18px;
	line-height: 18px;
	height: 18px;
	display: inline;
	vertical-align: -1px;
	margin-right: 1px
}

.blg-btn.blg-btn-primary {
	background: #03a9f4;
	border-color: #03a9f4;
	color: #fff !important
}

.blg-btn.blg-btn-primary:hover {
	background: #4d98dc;
	border-color: #4d98dc
}

.blg-btn.blg-btn-secondary {
	background: #fff0;
	border-color: #cf2528;
	color: #cf2528 !important
}

.blg-btn.blg-btn-secondary:hover {
	background: #cf2528;
	border-color: #cf2528;
	color: #fff !important
}

.blg-category-result h1 {
	float: left;
	clear: both;
	width: 100%;
	margin: 0 0 25px 0;
	color: #333;
	font-size: 30px;
	line-height: 34px
}

.blg-category-result h2 {
	float: left;
	clear: both;
	width: 100%;
	margin: 0 0 22px 0;
	color: #444;
	font-size: 20px;
	font-weight: 500;
	line-height: 22px
}

.blg-category-result>.blg-row {
	margin: 0 0 20px 0
}

.blg-author-result h1 {
	float: left;
	clear: both;
	width: 100%;
	margin: 0 0 25px 0;
	color: #333;
	font-size: 30px;
	line-height: 34px
}

.blg-author-result>.blg-row {
	margin: 0 0 20px 0
}

.blg-search-result h1 {
	float: left;
	clear: both;
	width: 100%;
	margin: 0 0 25px 0;
	color: #333;
	font-size: 30px;
	line-height: 34px
}

.blg-search-result>.blg-row {
	margin: 0 0 20px 0
}

.blg-comments {
	float: left;
	clear: both;
	width: 100%;
	margin: 30px 0 20px 0;
	font-size: 14px;
	line-height: 18px;
	color: #333
}

.blg-content .blg-comments h2 {
	margin-bottom: 12px
}

.blg-comments .blg-row {
	border-bottom: 1px solid #e0e0e0;
	padding: 25px 0 25px 60px;
	position: relative
}

.blg-comments .blg-row.blg-empty {
	padding: 0;
	border: none !important
}

.blg-comments .blg-row {
	border-bottom: 1px solid #e0e0e0
}

.blg-comments .blg-row:last-child {
	border-bottom: none
}

.blg-comments .blg-row.blg-comment-first {
	border-top: 1px solid #e0e0e0
}

.blg-comment-img {
	position: absolute;
	top: 22px;
	left: 0;
	width: 40px;
	height: 40px;
	overflow: hidden;
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 1px 1px 5px rgb(0 0 0 / .15);
	background: #fff
}

.blg-comment-img img {
	position: absolute;
	display: block;
	width: auto;
	height: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	max-width: 100%;
	max-height: 100%
}

.blg-comment-text,
.blg-comment-top,
.blg-comment-bot {
	float: left;
	clear: both;
	width: 100%
}

.blg-comment-top {
	color: #888;
	margin-bottom: 6px
}

.blg-comment-top .blg-comment-user {
	font-weight: 700;
	color: #000
}

.blg-comment-top .blg-comment-user a {
	color: #000;
	text-decoration: underline
}

.blg-comment-top .blg-comment-user a:hover {
	color: #000;
	text-decoration: none
}

.blg-comment-bot {
	color: #777;
	font-size: 15px;
	line-height: 20px
}

.blg-content {
	color: #333;
	font-size: 14px;
	font-weight: 500;
	line-height: 22px
}

.blg-content h1 {
	float: left;
	clear: both;
	width: 100%;
	margin: 0 0 25px 0;
	color: #333;
	font-size: 40px;
	line-height: 44px
}

.blg-content h2 {
	float: left;
	clear: both;
	width: 100%;
	margin: 0 0 22px 0;
	color: #444;
	font-size: 20px;
	font-weight: 500;
	line-height: 28px
}

.blg-content h3 {
	float: left;
	clear: both;
	width: 100%;
	margin: 0 0 10px 0;
	color: #333;
	font-size: 16px;
	font-weight: 600;
	line-height: 22px
}

.blg-content .blg-details {
	font-style: italic;
	float: left;
	clear: both;
	width: 100%;
	margin: 0 0 20px 0;
	color: #777;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px
}

.blg-content .blg-details>div {
	display: inline-block
}

.blg-content .blg-details>div:after {
	content: ", "
}

.blg-content .blg-details>div:last-child:after,
.blg-content .blg-details .blg-detail-cat:after {
	display: none
}

.blg-content .blg-details .blg-detail-cat {
	background: #888;
	font-style: normal;
	color: #fff;
	padding: 3px 6px;
	font-size: 12px;
	line-height: 14px;
	font-weight: 700;
	border-radius: 6px;
	margin: -1px 8px -1px 0;
	float: left
}

.blg-content .blg-primary-img img {
	float: left;
	width: auto;
	height: auto;
	max-width: 55%;
	margin: 0 25px 25px 0;
	border-radius: 8px
}

.blg-content .blg-primary-img img:hover {
	transition: 0.1s;
	cursor: pointer;
	opacity: .8
}

.blg-content p,
.blg-content ul,
.blg-content ol,
.blg-content table,
.blg-content code,
.blg-content pre {
	display: block;
	margin: 0 0 20px 0;
	float: left;
	clear: both
}

.blg-content li {
	width: 100%;
	margin: 0 0 4px 0;
	float: left;
	clear: both
}

.blg-content blockquote {
	display: block;
	float: left;
	clear: both;
	margin: 12px 1.5rem 28px 1.5rem;
	background: #f0f0f0;
	font-style: italic;
	width: calc(100% - 3rem);
	display: block;
	line-height: 24px;
	font-size: 15px;
	padding: 12px 16px;
	border-left: 3px solid #cf2528;
	color: #444
}

.blg-content blockquote>:first-child {
	margin-top: 0
}

.blg-content blockquote>:last-child {
	margin-bottom: 0
}

.blg-empty {
	color: #999;
	font-style: italic
}

.blg-raw-text img {
	max-width: 100%;
	height: auto
}

.blg-content-text {
	display: block;
	float: left;
	width: 100%;
	position: relative;
	overflow: hidden;
	font-size: 16px;
	line-height: 26px
}

.blg-content-text pre,
.blg-content-text code {
	display: inline-block;
	width: 100%
}

.blg-content-text pre>code {
	background: #f4f4f4;
	font-size: 13px;
	line-height: 16px;
	font-weight: 400;
	padding: 10px
}

.blg-is-premium {
	float: left;
	clear: both;
	width: 100%
}

.blg-is-premium .osp-restrict-category-wrap {
	padding: 20px 0
}

.blg-premium-cover {
	position: absolute;
	bottom: 0;
	left: -20%;
	width: 140%;
	right: -20%;
	height: 10px;
	z-index: 9999;
	background: rgb(255 255 255 / .8);
	box-shadow: 0 0 50px 20px rgb(255 255 255 / .85)
}

.blg-theme-veronika .blg-premium-cover {
	background: rgb(249 248 248 / .8);
	box-shadow: 0 0 50px 20px rgb(249 248 248 / .8)
}

.blg-theme-stela .blg-premium-cover {
	background: rgb(240 243 247 / .8);
	box-shadow: 0 0 50px 20px rgb(240 243 247 / .8)
}

.blg-content ul {
	list-style-type: disc;
	padding-left: 20px
}

.blg-content ol {
	list-style-type: decimal;
	padding-left: 17px
}

.blg-side-block {
	float: left;
	clear: both;
	width: 100%;
	margin: 0 0 25px 0
}

.blg-side-header {
	float: left;
	clear: both;
	font-size: 15px;
	color: #000;
	text-transform: uppercase;
	font-weight: 600;
	margin: 0 0 10px 0;
	line-height: 18px
}

.blg-categories .blg-row {
	margin: 0 0 10px 0;
	position: relative;
	padding: 1px 0 1px 8px;
	border-left: 4px solid #eee
}

.blg-categories a.blg-cat-title {
	float: left;
	clear: both;
	width: auto;
	font-size: 14px;
	text-decoration: none;
	color: #000;
	line-height: 16px;
	font-weight: 700;
	margin: 0 0 2px 0
}

.blg-categories a.blg-cat-title:hover {
	text-decoration: underline;
	color: #000
}

.blg-categories .blg-cat-desc {
	float: left;
	clear: both;
	width: 100%;
	color: #888;
	font-size: 12px;
	line-height: 14px;
	max-height: 28px;
	overflow: hidden
}

.blg-add-post .blg-btn {
	font-size: 15px;
	padding: 15px 5px;
	width: 100%
}

.blg-edit-post .blg-btn {
	font-size: 15px;
	padding: 15px 5px;
	width: 100%
}

.blg-search form {
	float: left;
	width: 100%;
	clear: both;
	position: relative
}

.blg-search input#blgSearch {
	float: left;
	width: 100%;
	clear: both;
	height: 36px;
	font-size: 15px;
	line-height: 36px;
	margin: 0;
	padding: 0 8px;
	border: 1px solid #ccc;
	border-radius: 4px;
	background: #fff;
	box-shadow: none;
	color: #333
}

.blg-search input#blgSearch:hover,
.blg-search input.blgSearch:active,
.blg-search input.blgSearch:focus {
	border-color: #aaa
}

.blg-search button {
	outline: 0;
	position: absolute;
	border: none;
	background: none;
	color: #555 !important;
	font-size: 18px;
	text-align: center;
	padding: 0;
	box-shadow: none;
	text-align: center;
	line-height: 34px;
	width: 34px;
	height: 34px;
	top: 1px;
	right: 1px;
	border-radius: 2px
}

.blg-search button:hover,
.blg-search button:active,
.blg-search button:focus {
	color: #cf2528 !important;
	background: #fff
}

.blg-about-author {
	padding: 0;
	background: #fff;
	border: 1px solid #e0e0e0;
	border-radius: 5px;
	text-align: center
}

.blg-about-author .blg-author-img {
	float: left;
	clear: both;
	width: 100%;
	margin: 0 0 20px 0;
	padding: 20px 20px 0 20px;
	text-align: center
}

.blg-about-author .blg-author-img img {
	margin: auto;
	display: block;
	width: auto;
	height: auto;
	max-width: 76px;
	border-radius: 12px;
	box-shadow: 0 2px 8px rgb(0 0 0 / .25)
}

.blg-about-author .blg-author-name {
	float: left;
	clear: both;
	width: 100%;
	margin: 0 0 15px 0;
	padding: 0 15px
}

.blg-about-author .blg-author-name a {
	font-size: 18px;
	font-weight: 700;
	text-decoration: none;
	line-height: 22px;
	color: #cf2528
}

.blg-about-author .blg-author-name a:hover {
	text-decoration: underline;
	color: cf2528
}

.blg-about-author .blg-author-about {
	float: left;
	clear: both;
	width: 100%;
	font-size: 14px;
	line-height: 18px;
	color: #777;
	margin: 0 0 12px 0;
	padding: 0 15px
}

.blg-about-author .blg-author-skills {
	float: left;
	clear: both;
	width: 100%;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 600;
	color: #333;
	line-height: 16px;
	margin: 0 0 10px 0;
	padding: 0 10px
}

.blg-about-author .blg-author-footer {
	float: left;
	clear: both;
	width: 100%;
	margin-top: 15px;
	background: rgb(0 0 0 / .05);
	border-top: 1px solid #e0e0e0
}

.blg-about-author .blg-author-footer>div {
	float: left;
	width: 50%;
	position: relative;
	padding: 12px 5px
}

.blg-about-author .blg-author-footer>div .blg-lab {
	float: left;
	clear: both;
	width: 100%;
	margin-bottom: 8px;
	font-size: 12px;
	line-height: 14px;
	color: #666
}

.blg-about-author .blg-author-footer>div .blg-val {
	float: left;
	clear: both;
	width: 100%;
	font-size: 16px;
	line-height: 18px;
	color: #333;
	font-weight: 700;
	letter-spacing: -.6px
}

.blg-about-author .blg-author-footer>div:after {
	content: "";
	position: absolute;
	right: 0;
	top: 10px;
	bottom: 10px;
	width: 1px;
	background: rgb(0 0 0 / .1)
}

.blg-about-author .blg-author-footer>div:last-child:after {
	display: none
}

.blg-popular .blg-row {
	margin: 0 0 10px 0;
	font-size: 14px;
	line-height: 18px
}

.blg-popular .blg-popular-title {
	text-decoration: none;
	color: #cf2528
}

.blg-popular .blg-popular-title:hover {
	text-decoration: underline;
	color: #cf2528
}

.blg-popular .blg-popular-count {
	color: #aaa;
	font-size: 12px;
	margin-left: 3px
}

.blg-latest-comments .blg-row * {
	display: inline;
	font-size: 14px;
	line-height: 18px
}

.blg-latest-comments .blg-comment-entry {
	float: left;
	clear: both;
	width: 100%;
	margin: 0 0 10px 0
}

.blg-latest-comments .blg-row a {
	color: #cf2528;
	text-decoration: none;
	font-weight: 600
}

.blg-latest-comments .blg-row a:hover {
	color: #cf2528;
	text-decoration: underline
}

.blg-latest-comments .blg-row .blog-comment-text {
	color: #888;
	font-weight: 500
}

.blg-authors .blog-authors-wrap {
	float: left;
	clear: both;
	width: 100%
}

.blg-authors .blg-row {
	margin: 0 0 5px 0;
	padding: 5px 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	word-break: break-all
}

!.blg-authors .blg-row:last-child {
	margin-bottom: 5px
}

.blg-authors .author-img {
	float: left;
	width: 40px;
	height: 40px;
	border-radius: 20px;
	overflow: hidden;
	margin: 0 10px 0 0;
	position: relative;
	background: #fff;
	box-shadow: 1px 1px 5px rgb(0 0 0 / .15)
}

.blg-authors .author-img img {
	position: absolute;
	display: block;
	width: auto;
	height: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	max-width: 100%;
	max-height: 100%
}

.blg-authors .author-name {
	float: left;
	color: #111;
	text-decoration: none;
	font-size: 14px;
	font-weight: 600;
	line-height: 16px;
	margin: 4px 0
}

.blg-authors .author-name strong {
	color: #111;
	font-size: 14px;
	float: left;
	clear: both
}

.blg-authors .author-name em {
	font-style: normal;
	color: #888;
	font-size: 12px;
	float: left;
	clear: both;
	font-weight: 500
}

.blg-authors a:hover .author-name strong {
	color: #111;
	text-decoration: underline
}

#blg-main {
	float: left;
	width: 75%;
	padding: 0 50px 0 0;
	display: block;
	min-height: 1px
}

#blg-side {
	float: left;
	width: 25%
}

.blg-menu a {
	float: left;
	width: auto;
	padding: 10px 15px;
	line-height: 16px;
	font-size: 14px;
	font-weight: 500
}

.blg-latest {
	float: left;
	clear: both;
	width: 100%
}

.blg-latest .blg-row {
	margin: 0 0 20px 0
}

.blg-row {
	float: left;
	clear: both;
	width: 100%
}

.blg-row .blg-img {
	float: left;
	width: 25%
}

.blg-card-link {
	display: none
}

.blg-row .blg-img-div {
	display: none
}

.blg-row .blg-img .blg-img-wrap {
	border-radius: 6px;
	float: left;
	width: 100%;
	padding: 66% 0 0 0;
	position: relative;
	overflow: hidden
}

.blg-row .blg-text {
	float: left;
	width: 75%;
	padding: 10px 0 10px 20px;
	line-height: 20px;
	font-size: 14px
}

.blg-row .blg-img img {
	min-height: 100%;
	min-width: 100%;
	width: auto;
	height: auto;
	max-width: 150%;
	max-height: 150%;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.blg-row.blg-first {
	margin-bottom: 35px
}

.blg-row.blg-first .blg-img {
	float: left;
	width: 50%
}

.blg-row.blg-first .blg-text {
	float: left;
	width: 50%;
	padding: 15px 0 15px 30px
}

.blg-text .blg-title,
.blg-title {
	float: left;
	width: auto;
	font-size: 17px;
	font-weight: 600;
	color: #111;
	text-decoration: none;
	padding: 0;
	max-height: 40px;
	line-height: 20px;
	overflow: hidden;
	margin: 0 0 5px 0
}

.blg-text .blg-title:hover,
.blg-title:hover {
	color: #111;
	text-decoration: underline
}

.blg-text .blg-title>strong,
.blg-title>strong {
	text-decoration: underline;
	color: #cf2528
}

.blg-title.blg-title-mobile {
	display: none
}

.blg-text .blg-desc {
	float: left;
	width: 100%;
	clear: both;
	color: #666;
	font-weight: 500;
	max-height: 40px;
	font-size: 15px;
	line-height: 20px;
	overflow: hidden
}

.blg-text .blg-desc>strong {
	color: #cf2528;
	text-decoration: underline
}

.blg-first .blg-text .blg-title,
.blg-first .blg-title {
	font-size: 20px;
	line-height: 24px;
	max-height: 72px;
	margin-bottom: 10px
}

.blg-first .blg-text .blg-desc {
	max-height: 100px
}

.blg-comments-count {
	display: inline;
	color: #bbb;
	margin-left: 5px
}

.blg-comments-count i {
	font-size: 14px
}

.blg-comments-count span {
	font-size: 12px;
	margin-left: 2px
}

.blg-blog-category {
	float: left;
	clear: both;
	color: #fff;
	font-weight: 600;
	font-size: 12px;
	line-height: 14px;
	padding: 3px 6px;
	margin-top: 8px;
	background: #888;
	border-radius: 6px
}

.blg-blog-category-alt {
	display: none
}

#blg-body {
	display: inline-block;
	clear: both;
	width: 100%;
	padding: 20px 0
}

#blg-body,
#blg-body * {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box
}

@media screen and (max-width:1200px) {
	#blg-body {
		padding-left: 20px;
		padding-right: 20px
	}

	.blg-tp-grid .blg-wg-in .blg-row .blg-text {
		padding: 15px 10px
	}

	.blg-tp-grid .blg-wg-in .blg-text .blg-title {
		font-size: 18px;
		line-height: 22px;
		height: 22px;
		margin-bottom: 5px
	}

	.blg-tp-grid .blg-wg-in .blg-text .blg-desc {
		font-size: 13px;
		line-height: 16px;
		max-height: 32px
	}

	.blg-tp-grid .blg-wg-in .blg-t-big .blg-row .blg-text {
		padding: 20px 15px
	}

	.blg-tp-grid .blg-wg-in .blg-t-big .blg-text .blg-title {
		font-size: 22px;
		line-height: 26px;
		height: 26px;
		margin-bottom: 8px
	}

	.blg-tp-grid .blg-wg-in .blg-text .blg-desc {
		max-height: 36px;
		line-height: 18px;
		font-size: 14px
	}
}

@media screen and (max-width:1024px) {
	.blg-tp-grid .blg-wg-in .blg-row .blg-text {
		padding: 12px 9px
	}

	.blg-tp-grid .blg-wg-in .blg-t-big .blg-row .blg-text {
		padding: 15px 12px
	}
}

@media screen and (max-width:767px) {
	#blg-body {
		padding-left: 15px;
		padding-right: 15px
	}

	#blg-main,
	#blg-side {
		width: 100%;
		clear: both;
		padding: 0
	}

	#blg-main {
		margin-bottom: 20px
	}

	.blg-title {
		display: none
	}

	.blg-title.blg-title-mobile {
		display: block;
		width: 100%;
		clear: both;
		line-height: 20px;
		max-height: 40px;
		margin: 0 0 10px 0
	}

	.blg-row .blg-text {
		padding: 0 0 0 10px;
		font-size: 13px;
		line-height: 18px
	}

	.blg-text .blg-desc {
		max-height: 54px
	}

	.blg-row.blg-first .blg-text {
		padding: 0 0 0 15px
	}

	.blg-latest .blg-row {
		margin-bottom: 30px
	}

	.blg-first .blg-title {
		font-size: 24px;
		line-height: 28px;
		max-height: 84px;
		margin-bottom: 12px
	}

	.blg-content .blg-primary-img img {
		width: 100%;
		margin: 0 12px 10px 0
	}

	.blg-tp-grid .blg-widget-inner #blg-body {
		padding-top: 60%
	}

	.blg-tp-grid .blg-wg-in .blg-i4,
	.blg-tp-grid .blg-wg-in .blg-i5 {
		display: none
	}

	.blg-tp-grid .blg-wg-in .blg-i2,
	.blg-tp-grid .blg-wg-in .blg-i3 {
		height: 50%;
		width: 40%;
		left: 60%
	}

	.blg-tp-grid .blg-wg-in .blg-i1 {
		width: 60%
	}

	.blg-tp-grid .blg-wg-in .blg-i3 {
		top: 50%
	}

	.blg-wg-in .blg-title {
		display: block
	}

	.blg-wg-in .blg-title.blg-title-mobile {
		display: none
	}
}

@media screen and (max-width:490px) {
	.blg-row .blg-img {
		width: 30%
	}

	.blg-row .blg-text {
		width: 70%
	}

	.blg-row.blg-first .blg-img {
		width: 100%;
		margin: 0 0 15px 0
	}

	.blg-row.blg-first .blg-text {
		width: 100%;
		padding: 0;
		max-height: 90px
	}

	.blg-blog-category {
		display: none
	}

	.blg-tp-grid .blg-wg-in .blg-i1 {
		width: 55%
	}

	.blg-tp-grid .blg-wg-in .blg-i2 {
		width: 45%;
		left: 55%;
		height: 100%
	}

	.blg-tp-grid .blg-wg-in .blg-i3 {
		display: none
	}
}

html[dir="rtl"] #blg-body,
html[dir="rtl"] .blg-body,
html[dir="rtl"] .bnr-plg {
	direction: rtl
}

html[dir="rtl"] #blg-main {
	float: right;
	padding-left: 50px;
	padding-right: 0
}

html[dir="rtl"] .blg-content .blg-details .blg-detail-cat {
	float: right;
	margin-left: 8px;
	margin-right: 0
}

html[dir="rtl"] .blg-content .blg-details {
	text-align: left
}

html[dir="rtl"] .blg-content .blg-primary-img img {
	float: right;
	margin-left: 25px;
	margin-right: 0
}

html[dir="rtl"] .blg-side-header,
html[dir="rtl"] .blg-category-result h1,
html[dir="rtl"] .blg-text .blg-title,
html[dir="rtl"] .blg-title,
html[dir="rtl"] .blg-blog-category,
html[dir="rtl"] .blg-row.blg-first .blg-img,
html[dir="rtl"] .blg-text .blg-desc,
html[dir="rtl"] .blg-row .blg-img,
html[dir="rtl"] .blg-authors .author-name,
html[dir="rtl"] .blg-side-block,
html[dir="rtl"] .blg-categories a.blg-cat-title,
html[dir="rtl"] .blg-new-comment .blg-row label,
html[dir="rtl"] .blg-btn,
html[dir="rtl"] .blg-new-comment .blg-row input,
html[dir="rtl"] .blg-new-comment .blg-row textarea {
	float: right
}

html[dir="rtl"] .blg-search button {
	left: 1px;
	right: auto
}

html[dir="rtl"] .blg-categories .blg-row {
	border-right: 4px solid #eee;
	border-left: none;
	padding-left: 0;
	padding-right: 8px
}

html[dir="rtl"] .blg-row.blg-first .blg-text {
	float: right;
	padding-left: 0;
	padding-right: 30px
}

html[dir="rtl"] .blg-authors .author-img {
	float: right;
	margin-left: 10px;
	margin-right: 0
}

html[dir="rtl"] .blg-row .blg-text {
	float: right;
	padding-left: 0;
	padding-right: 20px
}

html[dir="rtl"] .blg-btn i {
	margin-right: 0;
	margin-left: 1px;
	float: right
}

html[dir="rtl"] .blg-comment-img {
	right: 0;
	left: auto
}

html[dir="rtl"] .blg-comments .blg-row {
	padding-left: 0;
	padding-right: 60px
}

html[dir="rtl"] .blg-publish .blg-row label,
html[dir="rtl"] .blg-publish .blg-row select,
html[dir="rtl"] .blg-publish .blg-row .select-box,
html[dir="rtl"] .blg-publish .blg-row input[type="text"],
html[dir="rtl"] .blg-publish .blg-row textarea,
html[dir="rtl"] .blg-att,
html[dir="rtl"] .blg-publish .blg-explain {
	float: right
}

html[dir="rtl"] .blg-publish .blg-explain,
html[dir="rtl"] .blg-btn,
html[dir="rtl"] .blg-publish h1 {
	text-align: right
}

.im-table-row .im-del-mes-box {
	position: absolute;
	width: 32px;
	height: 28px;
	right: -32px;
	left: auto;
	top: 0;
	margin: 0;
	padding: 0 0 0 4px
}

.im-table-row.im-from .im-del-mes-box {
	left: -32px;
	right: auto;
	padding: 0 4px 0 0
}

.im-table-row .im-del-mes-box>a {
	width: 28px;
	height: 28px;
	padding: 0;
	text-align: center;
	font-size: 16px;
	color: #888;
	border-radius: 5px;
	transition: 0.1s;
	display: none
}

.im-table-row .im-del-mes-box>a i {
	line-height: 28px
}

.im-table-row .im-del-mes-box>a:hover {
	background: rgb(0 0 0 / .1)
}

.im-table-row:hover .im-del-mes-box>a {
	display: block
}

.im-limits-info {
	display: inline-block;
	width: 100%;
	margin: 0 0 16px 0;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 5px;
	border-left: 4px solid #2196F3;
	background: #fff
}

.im-pagination {
	float: left;
	clear: both;
	width: 100%;
	background: #fff0;
	padding: 15px 0;
	margin: 15px 0 0 0;
	border-top: none;
	position: relative;
	z-index: 2;
	text-align: center
}

.im-pagination a {
	text-decoration: none;
	display: inline-block;
	float: none;
	margin: 0 2px;
	text-decoration: none;
	background: #fff;
	padding: 6px 3px;
	min-width: 32px;
	height: 32px;
	line-height: 18px;
	color: #444;
	font-weight: 400;
	border-radius: 4px;
	border: 1px solid rgb(0 0 0 / .15);
	font-size: 14px;
	text-align: center
}

.im-pagination span {
	display: inline-block;
	text-decoration: none;
	float: none;
	margin: 0 4px;
	padding: 6px 3px;
	height: 32px;
	line-height: 18px;
	color: #999;
	font-weight: 400;
	font-size: 14px;
	text-align: center
}

.im-pagination a:hover,
.im-pagination a.im-active {
	background: #333;
	color: #fff;
	text-decoration: none
}

.im-html {
	float: left;
	clear: both;
	width: 100%
}

body .im-threads .im-table-row.im-unread:before {
	display: none
}

body .im-threads .im-table-row.im-unread {
	border-left: 3px solid #4182c3;
	background: #f0f5fb;
	padding-left: 10px
}

body .im-threads-exist a .im-title,
body .im-threads-exist a .im-from-to strong {
	font-weight: 600
}

body .im-threads-exist a .im-pms,
body .im-threads-exist a .im-time {
	font-style: normal;
	font-size: 14px
}

body .im-threads-exist a .im-title,
body .im-threads-exist a .im-from-to,
body .im-threads-exist a .im-from-to strong {
	font-size: 14px
}

body .im-threads-exist a {
	border-radius: 0;
	padding: 13px 15px;
	border: none;
	background: #fff;
	box-shadow: 0 1px 0 rgb(0 0 0 / .1);
	margin: 0 0 5px 0
}

body .im-file-create-thread h2.im-head {
	display: block;
	text-align: left;
	width: 70%;
	float: left;
	margin: 5px 3% 20px 0;
	font-weight: 600;
	font-size: 28px;
	line-height: 32px;
	color: #111
}

body form#im-create-thread-form {
	float: left;
	clear: none;
	box-shadow: 0 1px 3px rgb(0 0 0 / .2);
	display: block;
	border-radius: 6px;
	padding: 20px 25px 30px 25px;
	margin: 0 0 20px;
	background: #fff;
	width: 70%;
	margin-right: 3%
}

!body .im-theme-alpha form#im-create-thread-form {
	box-shadow: none;
	border: none
}

body .im-file-create-thread .im-error-list.error-list {
	float: left;
	clear: left;
	width: 70%;
	margin: 0 3% 0 0
}

body .im-file-create-thread .im-label {
	margin: 0 0 2px 0;
	font-size: 14px
}

body #im-create-thread-form .im-input {
	max-width: 320px;
	margin-bottom: 8px;
	padding: 10px 8px;
	border-radius: 4px;
	border: 1px solid rgb(0 0 0 / .15);
	box-shadow: none;
	line-height: 18px;
	height: 38px
}

body #im-create-thread-form #im-message {
	padding: 10px 8px;
	border-radius: 4px;
	border: 1px solid rgb(0 0 0 / .15);
	box-shadow: none;
	line-height: 18px;
	overflow-y: auto
}

body #im-create-thread-form .im-textarea {
	height: 120px
}

body #im-create-thread-form button.im-button-green {
	height: 38px;
	padding: 9px 16px;
	border: none !important;
	line-height: 22px;
	font-size: 14px;
	font-weight: 700;
	border-radius: 5px
}

body #im-create-thread-form .im-attachment {
	margin: 0 0 0 10px
}

body #im-create-thread-form .im-attachment .im-att-box .im-wrap {
	height: 38px;
	padding: 11px 14px
}

body .im-file-create-thread h3.im-head {
	margin: 10px 0 5px 0;
	font-size: 14px;
	font-weight: 600
}

body .im-messages .im-message-extra.im-box-gray .im-col-10 {
	width: 100%
}

body .im-messages .im-message-extra.im-box-gray {
	position: relative;
	padding: 10px 44px 10px 0 !important;
	margin: 0;
	border: none;
	background: #fff0;
	text-align: left
}

body .im-messages .im-message-extra.im-box-gray im-col-10 {
	width: 100%:
}

body .im-messages .im-message-extra a.im-download {
	float: left;
	width: 130px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 13px;
	line-height: 14px
}

body .im-messages .im-message-extra a.im-download .im-att-icon {
	display: none
}

body .im-messages .im-message-extra a.im-download>i {
	display: inline-block !important;
	margin-right: 6px;
	float: left;
	line-height: 14px
}

body .im-messages .im-message-extra a.im-hide>span {
	display: none !important
}

body .im-messages .im-message-extra a.im-hide>i {
	display: block !important
}

body .im-messages .im-message-extra a.im-hide {
	transition: 0.1s;
	position: absolute;
	width: 32px;
	height: 32px;
	padding: 6px;
	text-align: center;
	font-size: 14px;
	color: #666;
	border-radius: 4px;
	top: 1px;
	right: 0
}

body .im-messages .im-message-extra a.im-hide i {
	line-height: 20px
}

body .im-messages .im-message-extra a.im-hide:hover {
	background: #f0f0f0
}

body .im-messages .im-message-extra .im-col-14.im-align-right {
	position: initial
}

body .im-table-row>div.no-img {
	padding-left: 56px
}

body .im-profile-img {
	border-radius: 5px;
	box-shadow: 0 2px 6px rgb(0 0 0 / .2);
	padding: 0;
	border: 0;
	background: #f0f0f0
}

body .im-block .im-table-row {
	background: #fff;
	padding: 1px 0;
	margin: 0;
	border-radius: 0;
	box-shadow: none;
	overflow: hidden;
	border: none;
	border-bottom: 1px solid #ddd
}

body .im-block .im-table-row .im-col-22 {
	padding-left: 3px
}

body .im-block .im-table-head+.im-table-row {
	border-top: 1px solid #ddd;
	font-size: 14px
}

body .im-block .im-table-row .im-align-left {
	font-size: 14px;
	font-weight: 600
}

body .im-table-head {
	border-bottom: none;
	font-weight: 700
}

body .im-block .im-remove-block {
	padding: 8px;
	height: 32px;
	width: 32px;
	line-height: 16px;
	text-align: center;
	border-radius: 4px;
	font-size: 14px;
	margin: -8px 0;
	transition: 0.1s;
	display: inline-block;
	color: #666
}

body .im-block .im-remove-block i {
	line-height: 16px
}

body .im-block .im-remove-block:hover {
	background: #e0e0e0
}

body .im-block .im-table-head {
	padding: 0;
	white-space: nowrap
}

body .im-threads .im-line {
	float: left;
	clear: both
}

body .im-threads .im-title a {
	float: left
}

body .im-threads .im-title.im-recipient a {
	float: none;
	color: #000;
	text-decoration: underline;
	display: inline;
	font-size: 13px
}

body .im-threads .im-title.im-recipient a:hover {
	color: #000;
	text-decoration: none
}

body .im-threads .im-table-head {
	font-weight: 700;
	color: #555;
	font-size: 13px;
	border: none;
	padding: 0;
	white-space: nowrap
}

body .im-threads .im-table-head>div,
body .im-block .im-table-head>div {
	padding-left: 3px;
	padding-right: 3px
}

body .im-block .im-table-head {
	font-weight: 700;
	color: #555;
	font-size: 13px;
	border: none;
	padding: 0;
	white-space: nowrap
}

body .im-threads .im-title a.im-block-thread {
	padding: 2px;
	line-height: 16px
}

body .im-threads .im-table-row {
	margin: 0 0 10px 0;
	border-radius: 0;
	border: none;
	overflow: hidden;
	padding: 0 0 10px 0;
	background: #fff;
	border-bottom: 1px solid #ddd
}

body .im-threads .im-table-head+.im-table-row {
	padding-top: 10px;
	border-top: 1px solid #ddd
}

body .im-block .im-table-head strong {
	line-height: 18px
}

body .im-threads .im-special i {
	font-size: 16px
}

body .im-threads .im-special a {
	transition: 0.1s;
	display: inline-block;
	width: 34px;
	height: 34px;
	text-align: center;
	padding: 8px 5px;
	border-radius: 4px;
	margin: -8px 0
}

body .im-threads .im-special a:hover {
	background: #e0e0e0;
	color: #666
}

body .im-threads .im-special a:hover i {
	color: #666
}

body .im-threads .im-title a {
	font-weight: 600;
	font-size: 14px
}

body .im-threads .im-time {
	font-style: normal
}

body .im-vertical {
	display: none
}

body .im-messages .im-message-content .im-align-left {
	font-size: 14px
}

body .im-table-row .im-horizontal {
	top: -6px;
	right: auto;
	left: -70px;
	width: 56px;
	height: 56px;
	margin: 0
}

body .im-table-row .im-horizontal .right {
	width: 56px;
	height: auto;
	padding: 0;
	border: none;
	border-radius: 8px;
	background: #f6f6f6;
	box-shadow: 0 2px 8px rgb(0 0 0 / .25)
}

body .im-table-row .im-horizontal .right img {
	opacity: 1;
	border-radius: 6px;
	width: 100%;
	height: auto
}

body .im-table-row.im-from .im-horizontal {
	right: -70px;
	border-radius: 6px;
	left: auto;
	padding: 0
}

body .im-table-row.im-from .im-horizontal .right {
	left: auto;
	border-radius: 6px
}

body .im-messages .im-table-row {
	min-width: 100px;
	max-width: 85%;
	background: #fff !important;
	border-radius: 8px;
	margin: 0 0 35px 70px;
	width: auto;
	border: 1px solid rgb(0 0 0 / .1);
	box-shadow: 0 1px 3px rgb(0 0 0 / .1);
	padding: 12px 18px 2px 18px;
	border-top-left-radius: 0
}

body .im-messages .im-table-row.im-from {
	margin-left: 0;
	margin-right: 70px;
	border: 1px solid rgb(0 0 0 / .1);
	border-radius: 6px;
	border-top-right-radius: 0
}

body .im-messages .im-date {
	font-style: normal;
	font-size: 10px;
	line-height: 14px;
	color: #aaa;
	position: absolute;
	top: calc(100% + 5px);
	right: 2px;
	width: auto
}

body .im-messages .im-date>span {
	font-size: 10px
}

body .im-messages .im-from .im-date {
	right: auto;
	left: 2px
}

body .im-messages .im-date:before {
	display: none
}

body .im-messages .im-date>i.fa-check {
	margin-left: 2px;
	display: inline-block;
	line-height: 14px;
	font-size: 11px
}

body .im-table-row>div.im-line {
	padding: 0;
	margin: 0 0 10px 0
}

body .im-table-row>div.im-line.im-box-empty {
	display: none
}

body .im-table-row>div.im-line.im-name-top {
	margin: 0;
	padding: 0;
	display: initial
}

body .im-table-row>div.im-line.im-name-top .im-name {
	display: none
}

!body .im-table-row>div.im-line br+br {
	display: none
}

body .im-file-messages>h2.im-head {
	display: none
}

body .im-alt-head {
	display: block !important;
	float: left;
	clear: both;
	width: 100%;
	padding: 0;
	margin: 0 0 30px 0
}

body .im-alt-head .im-head2 {
	width: 100%;
	float: left;
	margin: 0;
	font-weight: 600;
	font-size: 26px;
	line-height: 28px;
	color: #111;
	position: relative;
	padding-right: 110px
}

body .im-alt-head .im-head2>span {
	display: inline-block;
	width: 100%
}

body .im-alt-head .im-head2>em {
	margin: 4px 0 0 0;
	display: inline-block;
	width: 100%;
	font-size: 15px;
	line-height: 18px;
	color: #888;
	font-weight: 400
}

a.im-remove-thread {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 14px;
	padding: 6px 8px;
	text-decoration: none;
	line-height: 18px;
	font-weight: 700;
	color: #444;
	background: #e0e0e0;
	border-radius: 4px;
	transition: 0.1s;
	max-height: 100px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

a.im-remove-thread i {
	margin-right: 4px;
	display: inline-block
}

a.im-remove-thread:hover {
	background: #d0d0d0;
	color: #333;
	text-decoration: none
}

body .im-alt-head .im-subhead2 {
	width: 100%;
	float: left;
	clear: both;
	font-size: 15px;
	color: #999;
	line-height: 16px;
	margin: 5px 0 0 0
}

.im-table.im-messages {
	float: left;
	width: 68%;
	margin: 0 5% 0 0;
	clear: left
}

.im-empty.flashmessage {
	float: left;
	clear: none;
	width: 68%;
	margin: 0 0 16px 0
}

body .im-file-messages #im-error-list {
	float: left;
	width: 68%;
	margin: 0 5% 0 0;
	clear: left
}

body .im-row.im-item-related {
	float: right;
	width: 27%;
	background: #fff;
	border: none;
	padding: 0;
	border-radius: 6px;
	margin: 0;
	clear: left
}

body #im-message-form {
	padding: 0;
	background: #fff0;
	border: none;
	position: relative;
	width: 68%;
	margin: 20px 5% 20px 0
}

body #im-message {
	padding: 15px 115px 15px 50px;
	overflow-y: hidden;
	font-size: 14px;
	border-radius: 6px;
	border: 1px solid rgb(0 0 0 / .1);
	max-height: 455px;
	box-shadow: 0 1px 5px rgb(0 0 0 / .1);
	line-height: 18px;
	height: 50px;
	min-height: 50px;
	width: 100%;
	max-width: 100%;
	min-width: 100%
}

body #im-message-form img.im-logged-user-img {
	position: absolute;
	top: 7px;
	left: 8px;
	width: 34px;
	height: 34px;
	object-fit: cover;
	border-radius: 100px;
	box-shadow: 0 1px 3px rgb(0 0 0 / .25);
	z-index: 3
}

body #im-message-form button:not(.im-button-alt) {
	display: none
}

body #im-message-form button.im-button-alt {
	display: block !important;
	position: absolute;
	right: 7px;
	top: 7px;
	height: 36px;
	line-height: 18px;
	border: none !important;
	border-radius: 6px;
	padding: 9px 5px;
	width: 44px;
	text-align: center;
	font-size: 15px;
	font-weight: 700
}

body #im-message-form button.im-button-alt i {
	text-align: center;
	line-height: 16px;
	font-size: 16px
}

body #im-message-form button.im-button-alt i:before {
	font-weight: 400
}

body #im-message-form button.im-button-alt.btn-disabled,
body #im-message-form button.im-button-alt:disabled {
	opacity: .5;
	cursor: wait
}

!body #im-message-form button.im-button-alt.btn-disabled i:before {
	content: "\f1ce"
}

body #im-message-form .im-attachment {
	position: absolute;
	right: 58px;
	top: 7px;
	height: 36px;
	margin: 0;
	overflow: hidden;
	width: auto
}

body .im-attachment .im-att-box .im-status .im-wrap span {
	max-width: 100px;
	overflow: hidden;
	display: inline-block;
	white-space: nowrap;
	text-overflow: ellipsis
}

body .im-attachment .im-att-box .im-status .im-wrap span .im-def-text {
	display: none
}

body .im-attachment .im-att-box .im-wrap {
	padding: 10px 10px;
	background: #ddd;
	border-radius: 6px;
	color: #444;
	transition: 0.1s;
	height: 36px
}

body .im-attachment .im-att-box .im-wrap:hover {
	background: #d0d0d0
}

body .im-attachment .im-att-box .im-status i {
	font-size: 16px;
	line-height: 16px;
	text-align: center;
	margin: 0
}

body .im-attachment .im-att-box .im-status {
	color: #666
}

body .im-item-related {
	box-shadow: 0 1px 3px 0 rgb(0 0 0 / .2);
	width: 100%
}

body .im-item-related .im-item-resource {
	width: 100%;
	max-width: 100%;
	padding: 0;
	position: relative;
	margin: 0;
	overflow: hidden;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-bottom: 1px solid #eee
}

body .im-item-related .im-item-resource img {
	background-size: cover;
	width: 100%;
	max-height: 100%;
	padding: 0;
	border: none;
	max-width: 100%;
	transition: 0.2s;
	overflow: hidden;
	background-position: center center
}

body .im-item-related .im-item-resource img:hover {
	transform: scale(1.1);
	max-height: 100%;
	overflow: hidden
}

body .im-item-related .im-item-resource+div.im-col-21 {
	box-shadow: 0 0 1px 0 rgb(0 0 0 / .2);
	float: left;
	width: 100%;
	padding: 14px 2px;
	margin-top: -10px;
	z-index: 3;
	position: relative;
	background: #fff;
	border-radius: 6px
}

body .im-item-related .im-line {
	float: left;
	font-size: 14px;
	clear: both;
	font-weight: 400;
	color: #363433;
	margin: 0 0 8px 0;
	padding: 0 10px 0 10px;
	height: 18px;
	white-space: nowrap;
	width: 100%;
	overflow: hidden;
	word-break: break-all;
	text-overflow: ellipsis
}

body .im-item-related .im-line a {
	color: #363433;
	font-weight: 400;
	font-size: 14px
}

body .im-item-related .im-item-price {
	max-width: 100%;
	float: left;
	clear: both;
	font-weight: bolder;
	color: #000;
	margin: 0;
	padding: 0 5px 0 10px;
	position: relative;
	font-size: 17px;
	line-height: 20px
}

body .im-item-related .im-line.im-item-location {
	display: none
}

.im-show-older {
	cursor: pointer;
	float: left;
	font-weight: bolder;
	clear: both;
	width: 100%;
	padding: 12px;
	font-size: 14px;
	line-height: 16px;
	background: #e4e4e4;
	border-radius: 8px;
	color: #444;
	text-align: center;
	margin: -20px 0 20px 0;
	transition: 0.1s
}

.im-show-older:hover {
	background: #e8e8e8
}

#im-message {
	scrollbar-width: thin;
	scrollbar-color: #9e9e9e rgb(0 0 0 / .05)
}

#im-message::-webkit-scrollbar {
	box-shadow: none;
	height: 5px;
	background: rgb(0 0 0 / .05)
}

#im-message::-webkit-scrollbar-thumb {
	border-radius: 100px;
	background-color: rgb(0 0 0 / .3);
	background-clip: initial;
	box-shadow: none
}

#im-message::-webkit-scrollbar-thumb:hover {
	background-color: rgb(0 0 0 / .6)
}

#im-message::-webkit-scrollbar-corner {
	background: rgb(0 0 0 / .05)
}

#im-message::-webkit-scrollbar-track {
	background: #fff0
}

.im-threads .im-table-head>div {
	padding-top: 6px;
	padding-bottom: 6px
}

.im-empty-v2 {
	float: left;
	clear: both;
	width: 100%;
	margin: 0 0 10px 0;
	padding: 30px 20px;
	background: #eee;
	border-radius: 5px;
	text-align: center;
	font-size: 15px;
	color: #888
}

.im-recipient.im-only-mobile {
	display: none
}

@media screen and (max-width:1200px) {
	.im-messages .im-message-extra a.im-download {
		max-width: 100px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis
	}

	.im-threads .im-col-2.c3 {
		color: #fff0;
		overflow: hidden
	}
}

@media screen and (min-width:768px) and (max-width:1024px) {
	.im-messages .im-table-row {
		width: 85%;
		margin-bottom: 35px
	}

	.im-vertical {
		display: none
	}
}

@media screen and (max-width:767px) {
	body .im-alt-head .im-head2 {
		padding-right: 36px
	}

	a.im-remove-thread {
		width: 32px;
		height: 32px;
		padding: 9px;
		text-align: center
	}

	a.im-remove-thread span {
		display: none
	}

	a.im-remove-thread i {
		margin: 0
	}

	body #im-create-thread-form button.im-button-green {
		width: auto
	}

	.im-threads-exist a .im-pms,
	.im-threads-exist a .im-time {
		display: none
	}

	.im-threads-exist a .im-title {
		width: 60%
	}

	.im-threads-exist a .im-from-to {
		width: 40%
	}

	.im-table-head {
		display: none
	}

	.im-threads .im-special {
		display: none
	}

	.im-table-row .im-from-to {
		width: 40%
	}

	body .im-table-row>div.im-col-12 {
		width: 60%
	}

	.im-row.im-item-related {
		display: none
	}

	body .im-file-messages #im-error-list,
	body .im-table.im-messages,
	body #im-message-form,
	.im-empty.flashmessage {
		width: 100%;
		margin-right: 0
	}

	.im-button-green {
		width: 100%;
		clear: both
	}

	.im-messages .im-table-row {
		width: 80%;
		margin-bottom: 35px
	}

	.im-vertical {
		display: none
	}

	.im-table-row .im-horizontal,
	.im-table-row.im-from .im-horizontal {
		padding: 0;
		top: -1px;
		background: #fff0
	}

	.im-table-row .im-horizontal .right {
		-webkit-border-radius: 30px;
		-webkit-border-top-left-radius: 0;
		-moz-border-radius: 30px;
		-moz-border-radius-topleft: 0;
		border-radius: 30px;
		border-top-left-radius: 0
	}

	.im-table-row.im-from .im-horizontal .right {
		-webkit-border-radius: 30px;
		-webkit-border-top-right-radius: 0;
		-moz-border-radius: 30px;
		-moz-border-radius-topright: 0;
		border-radius: 30px;
		border-top-right-radius: 0
	}

	.im-messages .im-table-row {
		padding: 6px 0;
		margin: 0 0 10px 0
	}

	.im-item-related .im-item-resource {
		width: 20%;
		max-width: 20%
	}

	.im-item-related .im-col-21 {
		width: 80%
	}

	.im-messages {
		padding: 0
	}

	.im-messages .im-message-extra a.im-hide {
		display: block;
		position: absolute;
		left: 0;
		bottom: 0
	}

	.im-table-row .im-align-right,
	.im-table-head>div.im-align-right,
	.im-align-right {
		position: initial
	}

	.im-messages .im-message-extra a.im-hide {
		margin: 0;
		color: #fff0;
		text-shadow: none;
		font-size: 1px;
		overflow: hidden;
		width: 24px;
		height: 24px;
		top: 55px
	}

	.im-messages .im-message-extra a.im-hide:before {
		font-size: 14px;
		text-align: center;
		width: 24px;
		height: 24px;
		line-height: 24px;
		border-radius: 3px;
		background: #00BCD4;
		color: #fff;
		font-family: "FontAwesome", "Font Awesome 5 Free";
		text-indent: 0;
		float: left;
		display: block
	}

	.im-messages .im-message-extra a.im-hide:last-child {
		left: -29px
	}

	.im-messages .im-message-extra a.im-hide:first-child {
		left: -55px
	}

	.im-messages .im-message-extra a.im-hide:first-child:last-child {
		left: -40px
	}

	.im-messages .im-message-extra a.im-hide:last-child:before {
		content: "\f127"
	}

	.im-messages .im-message-extra a.im-hide:first-child:before {
		content: "\f014"
	}

	.im-messages .im-message-extra.im-box-gray {
		padding: 5px 8px !important
	}

	.im-messages .im-message-extra.im-box-gray .im-col-10 {
		width: 100%
	}

	.im-messages .im-message-extra a.im-download {
		max-width: 100%
	}

	.im-textarea {
		margin-bottom: 10px;
		height: 90px
	}

	body h2.im-head {
		margin: -16px -16px 20px -16px;
		width: calc(100% + 32px)
	}
}

@media screen and (max-width:490px) {
	body #im-create-thread-form button.im-button-green {
		width: 100%;
		margin-bottom: 10px
	}

	body #im-create-thread-form .im-attachment {
		width: 100%;
		margin: 0
	}

	body #im-create-thread-form .im-attachment .im-att-box .im-wrap {
		width: 100%;
		text-align: center
	}

	body .im-attachment .im-att-box .im-status i {
		float: none;
		display: inline-block;
		vertical-align: -1px
	}

	body .im-attachment .im-att-box .im-status {
		width: 100%
	}

	.im-table-row .im-from-to {
		display: none
	}

	body .im-table-row>div.im-col-12 {
		width: 100%
	}

	body .im-messages .im-message-extra a.im-download {
		width: 110px
	}

	.im-recipient.im-only-mobile {
		display: inline-block
	}

	.im-threads .im-item>a:after {
		content: ","
	}

	body .im-threads .im-item a,
	body .im-threads .im-item {
		color: #444;
		font-size: 13px;
		line-height: 16px
	}

	body .im-threads .im-item a {
		border-bottom: 1px dashed #ddd;
		display: inline-block
	}

	body .im-threads .im-item a:hover {
		border-bottom: 1px solid #aaa
	}
}

@media screen and (max-width:420px) {
	.im-threads-exist a .im-title {
		width: 100%
	}

	.im-threads-exist a .im-from-to {
		display: none
	}
}

@media screen and (max-width:360px) {
	body #im-message {
		height: 85px
	}
}

.im-block {
	float: left;
	clear: both;
	width: 100%;
	margin-top: 25px
}

.im-block .im-remove-block {
	font-size: 16px
}

.im-block .im-remove-block:hover {
	color: #222
}

.im-block .im-table-row.im-empty {
	background: #f9f9f9;
	padding: 20px;
	color: #999
}

.im-block .im-table-head strong {
	float: left;
	line-height: 34px
}

.im-block .im-table-head form {
	float: left;
	margin-left: 15px
}

.im-block .im-table-head form input[type="text"] {
	float: left;
	height: 34px !important;
	padding: 0 6px !important;
	line-height: 24px;
	margin: 0 5px;
	width: 180px
}

.im-block .im-table-head form button[type="submit"] {
	float: left;
	height: 24px !important;
	padding: 0 6px !important;
	line-height: 24px;
	margin: -3px 0 -3px 4px;
	border: 1px solid #03a9f4;
	background: #03a9f4;
	color: #fff
}

.im-block .im-table-head form button[type="submit"]:hover {
	background: #0695d6;
	border-color: #0695d6
}

.im-block .im-table-head form button i {
	font-size: 14px;
	color: #fff
}

.im-threads .im-title a.im-block-thread {
	margin-left: 3px;
	color: #888;
	font-weight: 500;
	display: none
}

.im-threads .im-title a.im-block-thread:hover,
.im-threads .im-title a.im-block-thread.active {
	color: #D32F2F
}

.im-threads .im-title a.im-block-thread.active,
.im-table-row:hover .im-title a.im-block-thread {
	display: inline-block
}

.im-profile-img {
	position: absolute;
	left: 3px;
	width: 43px;
	height: auto;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px
}

.im-profile-img.im-img-def {
	opacity: .6
}

.im-profile-img.im-is-offer {
	opacity: 1;
	color: #fff;
	font-weight: 700;
	letter-spacing: -.5px;
	font-size: 11px;
	line-height: 12px;
	height: 43px;
	padding: 9px 1px;
	text-align: center;
	background: #007ea7;
	box-shadow: 0 0 0 3px rgb(0 126 167 / .5)
}

.im-vertical {
	position: absolute;
	left: 50%;
	margin-left: -1px;
	height: 100%;
	width: 2px;
	background: #eee;
	top: 0;
	display: block
}

.im-vertical .bot {
	position: absolute;
	bottom: -3px;
	left: -9px;
	background: #fff;
	border: 3px solid #ddd;
	width: 20px;
	height: 20px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px
}

.im-table-row .im-horizontal {
	padding: 3px 0;
	position: absolute;
	top: -28px;
	right: -55px;
	width: 50px;
	display: block;
	overflow: visible;
	background: #fff;
	-webkit-border-radius: 30px;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius: 30px;
	-moz-border-radius-bottomleft: 0;
	border-radius: 30px;
	border-bottom-left-radius: 0
}

.im-table-row .im-horizontal .right {
	float: left;
	display: block;
	width: 50px;
	height: 50px;
	border: 1px solid #ddd;
	background: #fff;
	padding: 2px;
	-webkit-border-radius: 30px;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius: 30px;
	-moz-border-radius-bottomleft: 0;
	border-radius: 30px;
	border-bottom-left-radius: 0
}

.im-table-row .im-horizontal .right img {
	opacity: .5;
	float: left;
	width: 100%;
	height: 100%;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px
}

.im-table-row .im-horizontal span {
	padding: 0
}

.im-table-row.im-from .im-horizontal {
	left: -55px;
	right: auto;
	-webkit-border-radius: 30px;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius: 30px;
	-moz-border-radius-bottomright: 0;
	border-radius: 30px;
	border-bottom-right-radius: 0
}

.im-table-row.im-from .im-horizontal .right {
	border-color: #2196F3;
	left: -55px;
	right: auto;
	-webkit-border-radius: 30px;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius: 30px;
	-moz-border-radius-bottomright: 0;
	border-radius: 30px;
	border-bottom-right-radius: 0
}

.im-table-row.im-from .im-horizontal .right img {
	opacity: .75
}

.im-attachment {
	float: left;
	width: auto;
	clear: both;
	margin: 4px 0 0 12px;
	clear: none !important
}

.im-attachment .im-att-box {
	float: left;
	width: 100%;
	clear: both;
	margin: 0;
	position: relative
}

.im-attachment .im-att-box input {
	cursor: pointer;
	opacity: 0;
	padding: 5px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	background: #fff0
}

.im-attachment .im-att-box .im-status {
	float: left;
	width: auto;
	cursor: pointer;
	padding: 0;
	color: #00BCD4;
	position: relative;
	z-index: 2
}

.im-attachment .im-att-box:hover .im-status .im-wrap span {
	text-decoration: underline
}

.im-attachment .im-att-box .im-wrap {
	float: left;
	width: auto;
	cursor: pointer;
	padding: 5px 0 5px 2px;
	position: relative;
	z-index: 2
}

.im-attachment .im-att-box .im-status i {
	float: left;
	cursor: pointer;
	font-size: 16px;
	line-height: 16px;
	width: 18px;
	text-align: left
}

.im-attachment .im-att-box .im-status .im-wrap span {
	font-size: 13px;
	cursor: pointer;
	line-height: 16px;
	font-weight: 500
}

.im-attachment .im-text {
	float: left;
	width: 100%;
	clear: both;
	margin: 1px 0;
	font-size: 12px;
	color: #999;
	line-height: 13px
}

.im-user-account-count {
	position: absolute;
	font-size: 9px;
	padding: 2px 4px;
	line-height: 12px;
	text-align: center;
	font-weight: 700;
	height: 16px;
	min-width: 16px;
	margin-left: 3px;
	border-radius: 5px;
	color: #fff;
	background: #333
}

.im-contact {
	float: left;
	display: inline-block;
	width: auto;
	margin: 10px 15px 10px 0;
	color: #fff;
	padding: 10px 46px 10px 10px;
	height: 52px;
	background: #2196F3;
	border: 1px solid #2196F3;
	position: relative;
	overflow: hidden;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px
}

.im-contact:hover {
	color: #fff;
	text-decoration: none
}

.im-contact:after {
	position: absolute;
	display: block;
	background: #fff;
	content: ".";
	text-indent: -9999px;
	width: 50px;
	height: 100px;
	right: -15px;
	top: -20px;
	-ms-transform: rotate(7deg);
	-webkit-transform: rotate(7deg);
	transform: rotate(7deg)
}

.im-contact .im-top {
	float: left;
	clear: both;
	width: 100%;
	font-weight: 700;
	font-size: 14px;
	line-height: 15px
}

.im-contact:hover .im-top {
	text-decoration: underline
}

.im-contact .im-bot {
	float: left;
	clear: both;
	width: 100%;
	font-weight: 500;
	font-size: 11px;
	line-height: 15px
}

.im-contact i {
	position: absolute;
	top: 15px;
	right: 7px;
	font-size: 20px;
	color: #2196F3;
	z-index: 2
}

.im-contact:hover i {
	color: #1C76BD
}

.im-error-list.error-list {
	padding: 0;
	list-style-type: none;
	color: #D27C82;
	font-size: 13px;
	position: relative;
	margin: 0
}

.im-error-list.error-list li {
	background: #FFE2E4;
	padding: 8px 10px 8px 30px;
	margin: 0 0 3px 0;
	clear: both;
	border-left: 1px solid #FFE2E4;
	border-right: 1px solid #FFE2E4;
	position: relative;
	border-left: solid 3px #D27C82;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	overflow: hidden
}

.im-error-list.error-list li:before {
	position: absolute;
	top: 50%;
	margin-top: -10px;
	display: block;
	height: 20px;
	line-height: 20px;
	width: 20px;
	color: #D27C82;
	left: 8px;
	font-family: "FontAwesome", "Font Awesome 5 Free";
	content: "\f059";
	font-size: 18px
}

.im-error-list.error-list li:last-child {
	margin-bottom: 10px
}

.im-error-list.error-list li label {
	margin: 0;
	font-size: 14px
}

!#im-pagination {
	width: 100%;
	display: inline-block;
	margin: 50px 0 10px 0;
	text-align: center
}

!#im-pagination .im-pagination-inside>span {
	font-size: 12px;
	line-height: 13px;
	display: inline-block;
	margin-right: 15px;
	font-weight: 500;
	color: #999
}

!#im-pagination .im-pagination-inside>a.im-page-active {
	font-weight: 700;
	border: 1px solid #008abd;
	text-align: center;
	line-height: 28px;
	width: 30px;
	height: 30px;
	display: inline-block;
	color: #fff;
	background-color: #00aff0;
	-webkit-box-shadow: none;
	box-shadow: none;
	text-decoration: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px
}

!#im-pagination .im-pagination-inside>a {
	border: 1px solid #ddd;
	text-decoration: none;
	text-align: center;
	line-height: 28px;
	width: 30px;
	height: 30px;
	display: inline-block;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px
}

!#im-pagination .im-pagination-inside>a:hover {
	color: #fff;
	background-color: #00aff0;
	border-color: #008abd;
	-webkit-box-shadow: none;
	box-shadow: none;
	text-decoration: none
}

#im-link {
	position: relative
}

#im-link>a {
	font-weight: 700
}

#im-link #im-thread-wrap {
	display: none;
	position: absolute;
	top: calc(100% - 3px);
	left: 0;
	width: 300px;
	min-height: 100px
}

#im-link:hover #im-thread-wrap {
	display: block
}

#im-link .im-t-unread {
	display: inline-block;
	margin-left: 4px;
	margin-right: 8px;
	text-decoration: none;
	padding: 0 3px;
	background: #F44336;
	color: #fff;
	font-weight: 700;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}

#im-link .im-thread-list {
	z-index: 9999;
	color: #333;
	position: absolute;
	top: 7px;
	left: 0;
	width: 300px;
	border: 1px solid #ddd;
	background: #fff;
	font-size: 12px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px
}

#im-link .im-thread-list:before {
	content: "";
	border: 6px solid;
	border-color: #fff0 #fff0 #ddd #fff0;
	position: absolute;
	top: -12px;
	left: 15px
}

#im-link .im-thread-list .im-entry {
	position: relative;
	margin: 0;
	padding: 4px 6px;
	background: #fff;
	border-bottom: 1px solid #eee;
	border-top: 1px solid #fff
}

#im-link .im-thread-list .im-entry:after {
	font-family: "FontAwesome", "Font Awesome 5 Free";
	content: "\f1db";
	position: absolute;
	right: 6px;
	top: 4px;
	color: #ccc;
	font-size: 8px
}

#im-link .im-thread-list .im-entry:hover {
	background: #E2EBF3 !important
}

#im-link .im-thread-list .im-entry.im-unread {
	background: #f8f8f8
}

#im-link .im-thread-list .im-entry.im-unread:after {
	content: "\f111";
	color: #aaa
}

#im-link .im-thread-list .im-row {
	margin: 0
}

#im-link .im-thread-list .im-img {
	padding-right: 8px
}

#im-link .im-thread-list .im-img img {
	border: 1px solid #ddd;
	padding: 1px;
	background: #fff;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 56px
}

#im-link .im-thread-list .im-name {
	margin-top: 1px;
	font-size: 12px;
	color: #000;
	font-weight: 700;
	height: 18px;
	line-height: 17px;
	overflow: hidden
}

#im-link .im-thread-list .im-text {
	font-size: 11px;
	font-weight: 500;
	color: #333;
	line-height: 13px;
	margin: 1px 0;
	height: 14px;
	overflow: hidden
}

#im-link .im-thread-list .im-text .fa {
	color: #bbb;
	margin-right: 2px;
	font-size: 9px
}

#im-link .im-thread-list .im-time {
	font-size: 10px;
	font-weight: 500;
	color: #999;
	font-style: italic;
	height: 18px;
	overflow: hidden;
	line-height: 17px
}

#im-link .im-show-all {
	font-size: 12px;
	padding: 8px 0;
	text-align: center
}

#im-link .im-show-all a {
	color: #999 !important;
	text-decoration: none !important;
	line-height: 16px !important;
	font-size: 12px
}

#im-link .im-show-all a:hover {
	text-decoration: underline;
	color: #00BCD4 !important
}

.im-row.im-item-related {
	margin: 5px 0 30px 0;
	padding-bottom: 20px;
	border-bottom: 1px solid #ddd;
	background: #f0f0f0;
	padding: 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px
}

.im-item-related,
.im-item-related *:not(i) {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box
}

.im-item-related a {
	color: #2EACCE;
	font-size: 12px;
	font-weight: 700;
	text-decoration: none
}

.im-item-related a:hover {
	text-decoration: underline
}

.im-item-related .im-line {
	padding: 2px 8px;
	font-size: 12px;
	color: #999
}

.im-item-related .im-item-price {
	font-weight: 700;
	font-size: 14px;
	color: #000
}

.im-item-related .im-item-resource {
	width: auto;
	max-width: 12.5%;
	padding-right: 5px
}

.im-item-related .im-item-resource img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 66px;
	border: 1px solid #ddd;
	padding: 2px;
	background: #fff;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}

.im-row.im-offer {
	margin: 0 0 20px 0;
	padding: 15px 40px 15px 15px;
	position: relative;
	background: #e2f7ff;
	color: #333;
	border: 1px solid #007ea7;
	border-left-width: 5px;
	font-size: 14px;
	border-radius: 6px;
	text-decoration: none
}

.im-row.im-offer:hover {
	background: #d6eff9
}

.im-row.im-offer:after {
	position: absolute;
	right: 10px;
	transition: 0.15s;
	top: calc(50% - 12px);
	width: 24px;
	text-align: center;
	line-height: 24px;
	font-family: "FontAwesome", "Font Awesome 5 Free";
	content: "\f105";
	font-weight: 900;
	font-size: 24px;
	color: #007ea7
}

.im-row.im-offer:hover:after {
	right: 6px
}

.im-threads {
	font-size: 13px
}

.im-threads .im-table-row {
	padding: 8px 0;
	position: relative
}

.im-threads .im-table-row.im-is-offer {
	background: #ffedab
}

.im-threads .im-table-row.im-unread:before {
	color: #fff;
	font-size: 13px;
	line-height: 24px;
	text-align: center;
	display: block;
	font-family: "FontAwesome", "Font Awesome 5 Free";
	content: "\f070";
	position: absolute;
	left: -24px;
	width: 24px;
	height: 24px;
	background: #F44336;
	top: 0
}

!.im-threads .im-table-row.im-unread:after {
	display: block;
	font-family: "FontAwesome", "Font Awesome 5 Free";
	content: ".";
	text-indent: -9999px;
	position: absolute;
	left: 0;
	width: 1px;
	height: 70%;
	background: #F44336;
	top: 0
}

.im-threads .im-line {
	padding: 2px
}

.im-threads .im-title a {
	font-size: 13px;
	font-weight: 700
}

.im-threads .im-item a {
	font-size: 12px;
	text-decoration: none;
	color: #888
}

.im-threads .im-item a:hover {
	color: #333
}

.im-threads .im-from-to {
	font-size: 13px;
	color: #000
}

.im-threads .im-time {
	font-size: 12px;
	color: #888;
	font-style: italic
}

.im-threads .im-special {
	padding: 20px 5px;
	line-height: 18px
}

.im-threads .im-special i {
	font-size: 14px;
	line-height: 18px
}

.im-threads .im-small {
	font-size: 9px
}

.im-threads .im-flag-yes i {
	color: #F44336
}

.im-threads .im-flag-no i {
	color: #bbb
}

.im-threads .im-notify-yes i {
	color: #F44336
}

.im-threads .im-notify-no i {
	color: #bbb
}

#im-create-thread-form {
	padding: 12px;
	border: 1px solid #eee;
	background: #f0f0f0;
	display: inline-block;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px
}

#im-create-thread-form .im-input {
	clear: both
}

#im-create-thread-form .im-textarea {
	margin-top: 0
}

.im-threads-exist {
	margin: 0 0 15px 0;
	display: inline-block;
	width: 100%;
	clear: both
}

.im-threads-exist a {
	font-size: 12px;
	padding: 10px;
	background: #fff;
	border: 1px solid #ddd;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	margin: 0 0 8px 0
}

.im-threads-exist a:hover {
	background: #f4f8fb
}

.im-threads-exist a .im-title {
	color: #2EACCE;
	text-decoration: none;
	line-height: 18px;
	font-size: 12px
}

.im-threads-exist a .im-title:hover {
	color: #2EACCE;
	text-decoration: underline
}

.im-threads-exist a .im-from-to {
	color: #333;
	font-weight: 500;
	line-height: 18px;
	font-size: 12px
}

.im-threads-exist a .im-pms {
	color: #999;
	font-weight: 500;
	font-style: italic;
	font-size: 11px;
	line-height: 18px
}

.im-threads-exist a .im-time {
	color: #999;
	font-weight: 500;
	font-style: italic;
	font-size: 11px;
	line-height: 18px
}

.im-messages {
	font-size: 14px;
	position: relative;
	padding-top: 20px
}

.im-messages .im-table-row {
	position: relative;
	font-size: 13px;
	background: #fdfdfd !important;
	margin: 0 0 25px 0;
	padding: 12px 8px;
	width: 47%;
	float: left;
	border: 1px solid #e8e8e8;
	box-shadow: 1px 1px 5px rgb(0 0 0 / .08);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius-topright: 0;
	border-top-right-radius: 0
}

.im-messages .im-table-row.hidden {
	display: none
}

.im-messages .im-table-row.im-from {
	background: #fff !important;
	border-color: #2196F3;
	float: right;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius-topleft: 0;
	border-top-left-radius: 0
}

.im-messages .im-table-row.im-from:before {
	color: #2EACCE;
	right: 16px;
	left: auto;
	line-height: 18px
}

.im-messages .im-name {
	line-height: 18px;
	color: #111
}

.im-messages .im-name span.im-identifier {
	font-size: 11px;
	color: #fff;
	background: #555;
	padding: 0 3px;
	line-height: 16px;
	display: inline-block;
	font-weight: 600
}

.im-messages .im-table-row.im-from .im-name span.im-identifier {
	background: #F44336
}

.im-messages .im-date {
	font-size: 10px;
	line-height: 18px;
	color: #bbb
}

.im-messages .im-message-content {
	margin: 8px 0
}

.im-messages .im-message-extra {
	text-align: right;
	margin-bottom: -3px;
	margin-top: 8px;
	height: 18px
}

.im-messages .im-message-extra.im-box-gray {
	padding: 10px 8px 4px 8px !important;
	margin-top: 15px;
	height: auto;
	background: #fdfdfd;
	border-top: 1px solid #eee;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px
}

.im-messages .im-message-extra a.im-hide {
	color: #F44336;
	font-size: 11px;
	font-weight: 500;
	text-decoration: underline;
	display: none;
	float: right;
	margin-left: 10px
}

.im-messages .im-message-extra a.im-hide:hover {
	text-decoration: none
}

.im-messages .im-table-row:hover .im-message-extra a.im-hide {
	display: block
}

.im-messages .im-message-extra a.im-download {
	font-size: 11px;
	text-decoration: none;
	float: left
}

.im-messages .im-message-extra a.im-download:hover {
	text-decoration: underline
}

.im-messages .im-att-icon {
	margin-right: 5px;
	vertical-align: -3px
}

#im-message-form {
	float: left;
	width: 100%;
	margin: 20px 0 30px 0;
	clear: both;
	width: 100%;
	padding: 12px;
	border: 1px solid #eee;
	background: #f0f0f0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px
}

#im-message-form .im-file,
#im-create-thread-form .im-file {
	background: #fff;
	width: auto;
	max-width: 100%;
	min-width: 0;
	border: 1px solid #ddd;
	padding: 3px;
	float: right;
	font-size: 12px;
	margin: 2px 0 1px 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px
}

.im-textarea {
	color: #333;
	margin: 0 0 15px 0;
	height: 175px;
	outline: none;
	width: 100%;
	padding: 5px;
	font-size: 13px;
	line-height: 16px;
	border: 1px solid #ddd;
	background: #fff;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	border-radius: 0
}

.im-textarea:focus,
.im-textarea:active {
	border-color: #eaa867
}

.im-input {
	color: #333;
	margin: 0;
	outline: none;
	width: 100%;
	max-width: 220px;
	padding: 5px;
	font-size: 13px;
	line-height: 16px;
	border: 1px solid #ddd;
	background: #fff;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	border-radius: 0
}

.im-input:focus,
.im-input:active {
	border-color: #eaa867
}

.im-label {
	margin: 5px 0 2px 0;
	font-size: 13px;
	color: #333;
	width: 100%;
	clear: both;
	display: inline-block
}

.im-table {
	display: inline-block;
	width: 100%;
	clear: both
}

.im-table-head {
	display: inline-block;
	width: 100%;
	clear: both;
	border: none;
	font-weight: 400;
	vertical-align: top;
	border-bottom: solid 1px #a0d0eb;
	color: #555;
	font-size: 12px
}

.im-table-head>div {
	padding: 8px;
	text-align: center
}

.im-table-row {
	display: block;
	width: 100%;
	clear: both;
	float: left;
	background: #fff;
	font-size: 12px;
	border-bottom: 1px solid #EAEDEF;
	padding: 4px 0
}

.im-table-row:nth-child(odd) {
	background: #FCFDFE
}

.im-table-row:hover {
	background: #f4f8fb
}

.im-table-row>div {
	overflow: hidden;
	padding: 8px;
	text-align: center
}

.im-table-row>div.no-img {
	padding-left: 56px
}

.im-table-row>div.im-line {
	overflow: hidden;
	padding: 2px 8px;
	text-align: center
}

.im-table-row>div a {
	text-decoration: underline;
	color: #2EACCE
}

.im-table-row>div a:hover {
	text-decoration: none
}

.im-table-row>div.im-red {
	color: #F44336
}

.im-table-row .im-align-left,
.im-table-head>div.im-align-left,
.im-align-left {
	text-align: left
}

.im-table-row .im-align-right,
.im-table-head>div.im-align-right,
.im-align-right {
	text-align: right
}

.im-table-row .im-align-center,
.im-table-head>div.im-align-center,
.im-align-center {
	text-align: center
}

.im-table-row.im-table-row-summary {
	font-weight: 700;
	background: #E3F0FD;
	color: #000;
	border-bottom-color: #DDE2E4
}

.im-table-row.im-table-row-summary:nth-child(odd) {
	background: #EDF4FB
}

.im-row-empty {
	text-align: center;
	padding: 30px 25px 20px 25px
}

.im-row-empty i {
	color: #dedede;
	display: block;
	clear: both;
	font-size: 80px;
	text-shadow: #fff 1px 1px 0
}

.im-row-empty span {
	text-align: center;
	display: block;
	color: #999;
	font-size: 14px
}

@media screen and (max-width:767px) {
	.im-table-head>div.im-col-2 {
		display: none
	}
}

.im-i {
	font-style: italic
}

.im-u {
	text-decoration: underline
}

.im-b {
	font-weight: 700
}

.im-gray {
	color: #888
}

.im-row {
	width: 100%;
	display: inline-block;
	margin: 5px 0;
	clear: both
}

h2.im-head {
	font-size: 20px;
	color: #363A41;
	display: inline-block;
	width: 100%;
	padding: 0;
	margin: 0 0 25px 0;
	font-weight: 700
}

h3.im-head {
	font-size: 16px;
	color: #363A41;
	display: inline-block;
	width: 100%;
	padding: 0;
	margin: 50px 0 15px 0;
	font-weight: 700
}

.im-body {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font-size: 14px;
	line-height: 18px
}

.im-button-white {
	outline: none;
	box-shadow: none;
	display: inline-block;
	margin-bottom: 0;
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	border: 1px solid #fff0;
	white-space: nowrap;
	padding: 6px 8px;
	font-size: 13px;
	line-height: 17px;
	height: 31px;
	border-radius: 3px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: #363A41 !important;
	background-color: #fff;
	border-color: #DEDEDE
}

.im-button-white:hover {
	color: #fff;
	background-color: #00aff0;
	border-color: #008abd;
	-webkit-box-shadow: none;
	box-shadow: none
}

.im-button-green,
.im-body #uniform-undefined {
	text-shadow: none;
	background-position: 0;
	float: left;
	outline: none;
	box-shadow: none;
	display: inline-block;
	margin-bottom: 0;
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
	font-weight: 600;
	cursor: pointer;
	background-image: none;
	border: 1px solid #fff0;
	white-space: nowrap;
	padding: 8px 10px;
	font-size: 13px;
	line-height: 16px;
	height: 34px;
	border-radius: 3px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: #ffffff !important;
	background-color: #2196F3;
	border-color: #2196F3
}

.im-button-green:hover,
.im-body #uniform-undefined:hover {
	color: #fff;
	background-position: 0;
	background-color: #1b7ac5;
	border-color: #1b7ac5;
	-webkit-box-shadow: none;
	box-shadow: none
}

.im-button-red {
	outline: none;
	box-shadow: none;
	display: inline-block;
	margin-bottom: 0;
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	border: 1px solid #fff0;
	white-space: nowrap;
	padding: 6px 8px;
	font-size: 13px;
	line-height: 17px;
	height: 31px;
	border-radius: 3px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: #ffffff !important;
	background-color: #E08F95;
	border-color: #da7b82
}

.im-button-red:hover {
	color: #fff;
	background-color: #d5676f;
	border-color: #cd4b55;
	-webkit-box-shadow: none;
	box-shadow: none
}

.im-body .uploader {
	float: right;
	margin: 1px 0 0 0;
	width: auto;
	display: none
}

div[class^="im-col-"] {
	float: left;
	position: relative
}

.im-col-1 {
	width: 4.16667%
}

.im-col-2 {
	width: 8.33333%
}

.im-col-3 {
	width: 12.5%
}

.im-col-4 {
	width: 16.66667%
}

.im-col-5 {
	width: 20.83333%
}

.im-col-6 {
	width: 25%
}

.im-col-7 {
	width: 29.16667%
}

.im-col-8 {
	width: 33.33333%
}

.im-col-9 {
	width: 37.5%
}

.im-col-10 {
	width: 41.66667%
}

.im-col-11 {
	width: 45.83333%
}

.im-col-12 {
	width: 50%
}

.im-col-13 {
	width: 54.16667%
}

.im-col-14 {
	width: 58.33333%
}

.im-col-15 {
	width: 62.5%
}

.im-col-16 {
	width: 66.66667%
}

.im-col-17 {
	width: 70.83333%
}

.im-col-18 {
	width: 75%
}

.im-col-19 {
	width: 79.16667%
}

.im-col-20 {
	width: 83.33333%
}

.im-col-21 {
	width: 87.5%
}

.im-col-22 {
	width: 91.66667%
}

.im-col-23 {
	width: 95.83333%
}

.im-col-24 {
	width: 100%
}

html[dir="rtl"] .im-body,
html[dir="rtl"] .im-html,
html[dir="rtl"] .im-table,
html[dir="rtl"] .im-messages,
html[dir="rtl"] .im-threads {
	direction: rtl
}

html[dir="rtl"] div[class^="im-col-"] {
	float: right
}

html[dir="rtl"] .im-button-green,
html[dir="rtl"] .im-body #uniform-undefined {
	float: right
}

html[dir="rtl"] body #im-create-thread-form button.im-button-green {
	clear: none
}

html[dir="rtl"] body #im-create-thread-form .im-attachment {
	margin-right: 10px;
	margin-left: 0;
	margin-bottom: 10px
}

html[dir="rtl"] body form#im-create-thread-form {
	float: right;
	clear: none;
	margin-left: 20px;
	margin-right: 0
}

html[dir="rtl"] body .im-row.im-item-related {
	float: left
}

html[dir="rtl"] body .im-file-create-thread .im-error-list.error-list {
	float: right;
	clear: right
}

html[dir="rtl"] #user-main .user-custom-box h2 {
	float: right;
	text-align: right;
	width: 100%
}

html[dir="rtl"] body .im-attachment .im-att-box .im-status i {
	float: right;
	margin-left: 2px;
	transform: scaleX(-1)
}

html[dir="rtl"] .im-contact {
	float: right;
	margin-left: 15px;
	margin-right: 0;
	padding-left: 46px;
	padding-right: 10px;
	text-align: right
}

html[dir="rtl"] .im-contact .im-top,
html[dir="rtl"] .im-contact .im-bot {
	float: right
}

html[dir="rtl"] .im-contact i {
	left: 7px;
	right: auto
}

html[dir="rtl"] .im-contact:after {
	left: -15px;
	right: auto;
	transform: rotate(-7deg)
}

html[dir="rtl"] .im-input,
html[dir="rtl"] body .im-input,
html[dir="rtl"] .im-input,
html[dir="rtl"] #im-create-thread-form .im-input,
html[dir="rtl"] body #im-message {
	float: right
}

html[dir="rtl"] body .im-file-create-thread h2.im-head,
html[dir="rtl"] h2.im-head {
	text-align: right
}

html[dir="rtl"] body .im-file-messages #im-error-list,
html[dir="rtl"] .im-table.im-messages,
html[dir="rtl"] body #im-message-form {
	float: right;
	clear: right;
	margin-left: 5%;
	margin-right: 0
}

html[dir="rtl"] .im-empty.flashmessage {
	float: right;
	clear: none
}

html[dir="rtl"] body .im-messages .im-table-row {
	margin-left: 0;
	margin-right: 70px
}

html[dir="rtl"] body .im-messages .im-table-row.im-from {
	margin-left: 70px;
	margin-right: 0
}

html[dir="rtl"] .im-messages .im-table-row {
	float: right;
	border-radius: 2px 0 2px 2px
}

html[dir="rtl"] .im-messages .im-table-row.im-from {
	float: left;
	border-radius: 0 2px 2px 2px
}

html[dir="rtl"] body .im-table-row .im-horizontal {
	left: auto;
	right: -70px
}

html[dir="rtl"] body .im-table-row.im-from .im-horizontal {
	left: -70px;
	right: auto
}

html[dir="rtl"] body #im-message {
	padding-left: 115px;
	padding-right: 15px
}

html[dir="rtl"] body #im-message-form button {
	float: left
}

html[dir="rtl"] body #im-message-form button.im-button-alt {
	float: left;
	left: 7px;
	right: auto
}

html[dir="rtl"] body #im-message-form button.im-button-alt i {
	transform: scaleX(-1)
}

html[dir="rtl"] body .im-messages .im-from .im-date {
	right: 2px;
	left: auto
}

html[dir="rtl"] .im-table-row .im-del-mes-box {
	left: -32px;
	right: auto;
	padding-right: 4px;
	padding-left: 0
}

html[dir="rtl"] .im-table-row.im-from .im-del-mes-box {
	right: -32px;
	left: auto;
	padding-left: 4px;
	padding-right: 0
}

html[dir="rtl"] .im-attachment .im-att-box .im-status {
	float: right
}

html[dir="rtl"] body #im-message-form .im-attachment {
	left: 58px;
	right: auto
}

!html[dir="rtl"] .im-table-row .im-align-left,
html[dir="rtl"] .im-table-head>div.im-align-left,
html[dir="rtl"] .im-align-left {
	text-align: right
}

html[dir="rtl"] body .im-messages .im-message-extra.im-box-gray {
	padding-right: 0px !important;
	padding-left: 44px !important;
	text-align: right
}

html[dir="rtl"] body .im-messages .im-message-extra a.im-download {
	float: right
}

html[dir="rtl"] body .im-messages .im-message-extra a.im-download>i {
	float: right;
	margin-left: 6px;
	margin-right: 0
}

html[dir="rtl"] body .im-messages .im-message-extra a.im-hide {
	left: 0;
	right: auto
}

html[dir="rtl"] body .im-alt-head .im-head2 {
	padding-left: 110px;
	padding-right: 0
}

html[dir="rtl"] body .im-threads .im-line,
html[dir="rtl"] body .im-threads .im-title a,
html[dir="rtl"] .im-block .im-table-head strong {
	float: right
}

html[dir="rtl"] body .im-table-row>div.no-img {
	padding-right: 56px;
	padding-left: 8px
}

html[dir="rtl"] .im-profile-img {
	right: 3px;
	left: auto
}

html[dir="rtl"] .im-threads .im-title a.im-block-thread {
	margin-right: 3px;
	margin-left: 0
}

html[dir="rtl"] body .im-block .im-table-row .im-col-22 {
	padding-left: 8px;
	padding-right: 3px;
	text-align: right
}

html[dir="rtl"] .im-table.im-body {
	direction: ltr
}

html[dir="rtl"] .im-table.im-body>div,
html[dir="rtl"] .im-table.im-body>span {
	direction: rtl
}

html[dir="rtl"] .im-table-head>div.im-align-left {
	text-align: right
}

html[dir="rtl"] .im-user-account-count {
	margin-left: 0;
	margin-right: 3px
}

html[dir="rtl"] .im-limits-info {
	border: 1px solid #ccc;
	border-right: 4px solid #2196F3
}

.alert-frequency {
	display: flex;
	float: left;
	align-items: center;
	flex-wrap: nowrap;
	margin: 8px 0 0 0
}

.alerts-box .head-row .data div.alert-frequency {
	margin-top: 8px
}

.alert-frequency>a {
	padding: 5px 10px;
	font-size: 14px;
	line-height: 16px;
	margin: 0 -1px 0 0;
	border: 1px solid #ccc;
	background: #fff
}

.alert-frequency>a:first-child {
	border-radius: 4px 0 0 4px
}

.alert-frequency>a:last-child {
	border-radius: 0 4px 4px 0
}

.alert-frequency>a.active {
	background: #f0f0f0;
	font-weight: 600
}

.alert-frequency>a:hover {
	text-decoration: none;
	background: #f0f0f0
}

form[name="user-items-search"] {
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	margin: 12px 0 14px 0;
	width: 100%
}

form[name="user-items-search"] .control-group {
	width: fit-content;
	padding: 0 12px 6px 0
}

form[name="user-items-search"] .control-group label {
	float: left;
	width: 100%;
	text-align: left;
	margin: 0 0 2px 0
}

form[name="user-items-search"] .control-group .controls {
	float: left;
	width: 100%;
	margin: 0
}

form[name="user-items-search"] .control-group .controls input,
form[name="user-items-search"] .control-group .controls select {
	float: left;
	width: 100%;
	margin: 0;
	max-width: 100%;
	min-width: unset
}

form[name="user-items-search"] .actions {
	width: fit-content;
	padding: 0 0 6px 0
}

form[name="user-items-search"] .actions button {
	white-space: nowrap
}

@media screen and (max-width:540px) {
	form[name="user-items-search"] {
		flex-wrap: wrap
	}

	form[name="user-items-search"] .control-group {
		width: 50%
	}
}

form[name="user-public-profile-search"] {
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	margin: 12px 0 4px 0;
	width: 100%
}

form[name="user-public-profile-search"] .control-group {
	width: fit-content;
	padding: 0 12px 6px 0
}

form[name="user-public-profile-search"] .control-group label {
	float: left;
	width: 100%;
	text-align: left;
	margin: 0 0 2px 0
}

form[name="user-public-profile-search"] .control-group .controls {
	float: left;
	width: 100%;
	margin: 0
}

form[name="user-public-profile-search"] .control-group .controls input,
form[name="user-public-profile-search"] .control-group .controls select {
	float: left;
	width: 100%;
	margin: 0;
	max-width: 100%;
	min-width: unset
}

form[name="user-public-profile-search"] .actions {
	width: fit-content;
	padding: 0 0 6px 0
}

form[name="user-public-profile-search"] .actions button {
	white-space: nowrap
}

@media screen and (max-width:540px) {
	form[name="user-public-profile-search"] {
		flex-wrap: wrap
	}

	form[name="user-public-profile-search"] .control-group {
		width: 50%
	}
}

.box .social-login {
	margin: 4px 0 10px 0;
	display: inline-block;
	width: 100%
}

.social-login a {
	transition: 0.2s;
	text-decoration: none;
	font-weight: 600;
	background: #fff0;
	color: #171717;
	border: 1px solid #777;
	padding: 10px;
	font-size: 16px;
	line-height: 18px;
	height: auto;
	border-radius: 4px;
	margin: 0 0 12px 0;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: row
}

.social-login a i {
	margin-right: 10px;
	font-size: 20px
}

.social-login a:hover {
	text-decoration: none;
	box-shadow: 0 2px 5px rgb(0 0 0 / .25)
}

.social-login a.facebook:not(.fjl-button) {
	color: #1877F2;
	border-color: #1877F2
}

body#home>.content>section.home-action {
	padding: 40px 0 40px 0
}

.home-action .container {
	display: flex;
	flex-direction: column;
	align-items: center
}

.home-action .head-line {
	font-size: 16px;
	line-height: 22px;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: stretch
}

body#home .home-action .head-line h2 {
	font-size: 22px;
	color: var(--mb-color2, #2c2c2c);
	margin: 0 0 12px 0;
	display: block
}

.home-action .head-line .row {
	margin: 2px 0
}

.home-action .head-line .h-img {
	animation: 3s infinite alternate mbshake;
	animation-delay: 3s;
	margin: 0 14px;
	width: 140px;
	background: url(../../themes/zeta/images/home-actions.svg) no-repeat center center;
	background-size: contain;
	opacity: .85
}

.home-action .head-line .h-text {
	margin: 5px 0
}

.home-action .actions {
	display: flex;
	margin: 22px 0 0 0;
	flex-direction: row;
	align-items: stretch;
	justify-content: center;
	width: 100%
}

.home-action .actions a {
	transition: 0.2s;
	text-decoration: none;
	margin: 10px;
	width: calc(20% - 20px);
	max-width: 180px;
	border: 2px solid #fff0;
	box-shadow: 0 0 0 1px #d4d4d4, 0 2px 4px rgb(0 0 0 / .3);
	border-radius: 8px;
	padding: 24px 12px;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center
}

.home-action .actions a:hover {
	text-decoration: none;
	border-color: var(--mb-color4);
	background: #fff;
	box-shadow: 0 3px 10px rgb(0 0 0 / .4)
}

.home-action .actions a i,
.home-action .actions a svg {
	width: 32px;
	height: 32px;
	line-height: 32px;
	font-size: 28px;
	text-align: center;
	margin: 0 0 12px 0;
	color: #d80000;
	fill: #d80000
}

.home-action .actions a.a-src i,
.home-action .actions a.a-src svg {
	color: #3578ed;
	fill: #3578ed
}

.home-action .actions a.a-act i,
.home-action .actions a.a-act svg {
	color: #5bc774;
	fill: #5bc774
}

.home-action .actions a.a-bpr i,
.home-action .actions a.a-bpr svg {
	color: #8f4f06;
	fill: #8f4f06
}

.home-action .actions a.a-frm i,
.home-action .actions a.a-frm svg {
	color: #009b8c;
	fill: #009b8c
}

.home-action .actions a.a-blg i,
.home-action .actions a.a-blg svg {
	color: #8658a0;
	fill: #8658a0
}

.home-action .actions a.a-faq i,
.home-action .actions a.a-faq svg {
	color: #b38928;
	fill: #b38928
}

.home-action .actions a span {
	font-size: 16px;
	line-height: 20px;
	font-weight: 600;
	color: var(--mb-color2, #2c2c2c);
	max-width: 100px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center
}

@keyframes mbshake {
	0% {
		transform: rotate(0deg)
	}

	30% {
		transform: rotate(0deg)
	}

	32% {
		transform: rotate(8deg)
	}

	34% {
		transform: rotate(-8deg)
	}

	36% {
		transform: rotate(8deg)
	}

	38% {
		transform: rotate(-10deg)
	}

	40% {
		transform: rotate(12deg)
	}

	42% {
		transform: rotate(0deg)
	}

	100% {
		transform: rotate(0deg)
	}
}

body#home>.content>section#home-search-box {
	background: #fff;
	padding: 0;
	margin-bottom: 24px
}

#home-search-box>.container {
	width: 100%
}

#main-search {
	display: flex;
	justify-content: center;
	background-image: linear-gradient(360deg, rgb(44 44 45 / .18) 2%, rgb(44 44 45 / .54) 30%, rgb(44 44 45 / .54) 60%, rgb(44 44 45 / .28) 98%), url(../../themes/zeta/images/home-search-bg.jpg);
	background-position: top;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 12px;
	padding-bottom: 140px;
	padding-top: 150px;
	width: 100%
}

#main-search .box {
	width: 84%;
	display: flex;
	flex-direction: column;
	align-items: stretch
}

#main-search h1 {
	color: #fff;
	font-size: 30px;
	font-weight: 600;
	text-shadow: 0 1px 6px var(--mb-color1);
	margin: 0 0 24px 0
}

#main-search input:focus,
#main-search select:focus,
#main-search textarea:focus {
	box-shadow: 0 0 0 2px #d0d0d0;
	border-color: #fff0
}

#main-search .tabs {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch
}

#main-search .tabs a {
	transition: 0.2s;
	position: relative;
	text-decoration: none;
	font-size: 16px;
	line-height: 18px;
	font-weight: 600;
	padding: 10px 16px;
	color: #fff;
	border-radius: 5px 5px 0 0;
	margin: 0 8px 0 0;
	background: rgba(.4, .4, .4, .6)
}

#main-search .tabs a.active {
	background: #fff;
	color: var(--mb-color2, #2c2c2c)
}

#main-search .tabs a:not(.active):hover {
	background: rgba(.4, .4, .4, .4);
	color: #fff;
	text-decoration: none
}

#main-search .tabs a:last-child {
	margin-right: 4px
}

#main-search .tabs a i {
	margin-right: 2px
}

#main-search .tabs a .label {
	position: absolute;
	top: -6px;
	right: -3px;
	border-radius: 100px;
	color: #fff;
	font-size: 11px;
	padding: 2px 6px;
	line-height: 12px;
	box-shadow: 0 1px 3px rgb(0 0 0 / .3);
	background: var(--mb-color-primary)
}

#main-search .tabs a .label.new {
	background: var(--mb-color-secondary)
}

#main-search .tab-data {
	display: none;
	box-shadow: 0 2px 8px rgb(0 0 0 / .2);
	z-index: 3;
	background: #fff;
	width: 100%;
	border-radius: 0 5px 5px 5px;
	min-width: 140px
}

#main-search .tab-data:not([data-order="1"]) {
	border-radius: 5px
}

#main-search .tab-data.active {
	display: block
}

#main-search .tab-data form {
	display: flex;
	flex-direction: column
}

#main-search .tab-data .inbox {
	display: flex;
	width: 100%;
	flex-direction: row;
	flex-wrap: nowrap;
	height: 46px;
	align-items: stretch
}

#main-search .tab-data .input-box {
	width: fit-content;
	flex-grow: 1;
	margin: 0;
	border-right: 1px solid #e0e0e0;
	position: relative
}

#main-search .tab-data .input-box:has(+.btns) {
	border: none
}

#main-search .tab-data .input-box.simple-radius {
	max-width: 110px
}

#main-search .tab-data .input-box.simple-seller {
	max-width: 140px
}

#main-search .tab-data .input-box.price {
	max-width: 140px
}

#main-search .tab-data .input-box.price+.input-box.price {
	max-width: 110px
}

#main-search .tab-data .input-box.price+.input-box.price input[type="number"] {
	padding-left: 12px
}

#main-search .tab-data .input-box.price+.input-box.price .icon-curr {
	display: none
}

#main-search .tab-data .input-box input[type="text"],
#main-search .tab-data .input-box input[type="number"],
#main-search .tab-data .input-box select,
#main-search .tab-data .input-box.simple-select .text {
	border-radius: 0;
	background: #fff;
	border: 1px solid #fff0;
	height: 100%;
	font-size: 16px;
	width: 100%
}

#main-search .tab-data input[type="hidden"]+.input-box input[type="text"],
#main-search .tab-data input[type="hidden"]+.input-box input[type="number"],
#main-search .tab-data input[type="hidden"]+.input-box select,
#main-search .tab-data input[type="hidden"]+.input-box .text {
	border-radius: 5px 0 0 5px
}

#main-search .tab-data .input-box input[type="text"]:focus,
#main-search .tab-data .input-box input[type="number"]:focus,
#main-search .tab-data .input-box select:focus,
#main-search .tab-data .input-box input[type="text"]:active,
.tab-data .input-box input[type="number"]:active,
#main-search .tab-data .input-box select:active,
#main-search .tab-data .input-box.simple-select.opened .text {
	box-shadow: 0 0 0 2px var(--mb-color7);
	outline: none
}

#main-search .tab-data .btns {
	padding: 5px
}

#main-search .tab-data .btns .btn {
	padding: 3px 10px;
	line-height: 14px;
	display: flex;
	align-items: center;
	text-align: center
}

#main-search .has-icon input[type="text"],
#main-search .has-icon input[type="number"],
#main-search .has-icon select {
	padding-left: 40px
}

#main-search .tab-data .input-box.simple-select .text {
	transition: 0.2s;
	padding: 8px 12px;
	line-height: 16px;
	display: flex;
	align-items: center;
	position: relative;
	padding-right: 32px
}

#main-search .tab-data .input-box.simple-select .text>span {
	display: inline-block
}

#main-search .tab-data .input-box.simple-select .text>svg {
	transition: 0.2s;
	position: absolute;
	right: 8px;
	top: calc(50% - 10px);
	width: 20px;
	height: 20px;
	fill: #999;
	text-align: center;
	margin-top: 1px
}

#main-search .tab-data .input-box.simple-select.opened .text>svg {
	transform: scaleY(-1)
}

#main-search .tab-data .input-box.simple-select:not(.opened):hover .text {
	background: #e9e9e9
}

#main-search .tab-data .input-box.location+.simple-radius .text:before {
	content: "";
	position: absolute;
	left: -1px;
	top: calc(50% - 13px);
	width: 1px;
	height: 26px;
	background: #ddd
}

#main-search .tab-data .input-box.location:has(+.simple-radius) {
	border-right-color: #fff0
}

#main-search .tab-data .input-box.price+.price:before {
	content: "";
	position: absolute;
	left: 0;
	top: calc(50% - 13px);
	width: 1px;
	height: 26px;
	background: #ddd
}

#main-search .tab-data .input-box.price:has(+.price) {
	border-right-color: #fff0
}

#main-search .simple-select.simple-radius .list {
	min-width: 140px
}

#main-search .simple-select.simple-seller .list {
	min-width: 160px
}

#main-search .simple-select.simple-cat .list {
	min-width: 280px
}

#main-search .cap-search {
	margin: 0;
	position: relative;
	z-index: 1
}

#main-search .cap-search:not(.cap-publish) .cap-section-body {
	border: none
}

#main-search .cap-search .cap-section-top {
	border-radius: 0
}

#main-search .simple-select .option.info {
	padding-top: 8px
}

#main-search .latest-search {
	font-size: 15px;
	line-height: 20px;
	color: #fff;
	margin: 20px 0 0 0;
	display: flex
}

#main-search .latest-search strong {
	font-weight: 500;
	margin: 0 2px 0 0
}

#main-search .latest-search a {
	color: #fff;
	margin: 0 0 0 4px
}

#main-search .latest-search a:hover {
	color: #fff;
	text-decoration: underline
}

#main-search .simple-select {
	font-size: 15px
}

#main-search .simple-select .list {
	top: 100%;
	margin-top: 4px;
	max-height: 360px
}

.simple-select {
	float: left;
	width: 100%;
	clear: both;
	position: relative;
	font-size: 14px
}

.simple-list {
	float: left;
	width: 100%;
	clear: both;
	position: relative;
	font-size: 14px
}

.simple-select.input-box {
	margin: 0
}

.simple-list.input-box {
	margin: 0
}

.simple-select .text {
	transition: 0.2s;
	cursor: pointer;
	float: left;
	width: 100%;
	clear: both;
	background: #f6f6f6;
	padding: 10px 30px 10px 10px;
	font-size: 15px;
	line-height: 18px;
	border: 1px solid #fff0;
	border-bottom-color: silver;
	box-shadow: none;
	outline: none;
	backface-visibility: hidden
}

.simple-select .text i:not(.help) {
	float: right;
	font-size: 16px;
	color: #444;
	position: relative;
	top: auto;
	left: auto;
	line-height: 18px;
	width: auto
}

.simple-select:hover .text,
.simple-select.opened .text {
	border-bottom-color: #646464;
	background: #ececec
}

.simple-select.opened {
	z-index: 5
}

.simple-select.opened .text i:not(.help):before {
	content: "\f106"
}

.simple-select .text .caret {
	position: absolute;
	width: 16px;
	height: 16px;
	fill: var(--mb-color5);
	right: 8px;
	top: calc(50% - 8px);
	transition: 0.2s
}

.simple-select.opened .text .caret {
	transform: scaleY(-1)
}

.simple-select .list {
	backface-visibility: hidden;
	display: none;
	max-height: 360px;
	margin-top: 4px;
	overflow-y: auto !important;
	z-index: 3;
	position: absolute;
	width: 100%;
	top: 32px;
	left: 0;
	background: #fff;
	border: 1px solid #ccc;
	border-top: none;
	padding: 0;
	border-radius: 5px
}

.simple-select .option,
.simple-list .link-check-box>a {
	cursor: pointer;
	position: relative;
	float: left;
	width: 100%;
	clear: both;
	padding: 10px 10px 10px 34px;
	line-height: 16px;
	color: var(--mb-color2, #2c2c2c)
}

.simple-list .link-check-box>a {
	padding-left: 24px;
	padding-top: 8px;
	padding-bottom: 8px
}

.simple-select .option:hover,
.simple-list .link-check-box>a:hover {
	text-decoration: none
}

.simple-select .option:before,
.simple-list .link-check-box>a:before {
	transition: 0.2s;
	content: "";
	position: absolute;
	top: 12px;
	left: 12px;
	width: 12px;
	height: 12px;
	border-radius: 100px;
	border: 2px solid #fff;
	box-shadow: 0 0 0 2px var(--mb-color-secondary);
	background: #fff
}

.simple-list .link-check-box>a:before {
	left: 2px;
	top: 10px
}

.simple-select .option.selected:before,
.simple-list .link-check-box>a.active:before {
	background: var(--mb-color-secondary)
}

.simple-select .option:hover:before,
.simple-list .link-check-box>a:hover:before {
	background: var(--mb-color-secondary-hover)
}

.simple-select .option.info,
.simple-select .option.nonclickable {
	padding-left: 10px;
	padding-right: 10px
}

.simple-select .option.info:before,
.simple-select .option.nonclickable:before {
	display: none
}

.simple-select .option.bold {
	font-weight: 600;
	color: var(--mb-color2, #2c2c2c)
}

.simple-select .option.sub1 {
	border-left: 10px solid #fff0
}

.simple-select .option.sub2 {
	border-left: 15px solid #fff0;
	font-size: 13px;
	line-height: 15px
}

.simple-select .option.sub3 {
	border-left: 20px solid #fff0;
	font-size: 13px;
	line-height: 15px
}

.simple-select:not(.level0):not(.with-parent) .option.root {
	font-weight: 700
}

.simple-select .option.nonclickable {
	background: rgb(0 0 0 / .05);
	cursor: default
}

.simple-select .option:not(.info):not(.nonclickable):hover {
	background: #eeedee;
	color: #000
}

.simple-select:not(.simple-cat) .option.selected {
	font-weight: 600;
	color: var(--mb-color0)
}

.simple-select.simple-cat .option.selected {
	text-decoration: underline;
	color: #000
}

.simple-select .list.inputs input {
	max-width: 100%;
	width: 100%
}

.simple-select .list.inputs .sinfo {
	display: flex;
	width: 100%;
	padding: 12px 10px 0 10px;
	font-size: 14px;
	color: var(--mb-color3)
}

.simple-select .list.inputs .swrap {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: space-between;
	padding: 8px 10px 10px 10px
}

.simple-select .list.inputs .swrap .del2 {
	margin: 0 12px 0 6px;
	padding: 4px 0;
	width: 1px;
	display: flex;
	line-height: 28px;
	height: 40px;
	color: var(--mb-color7)
}

.simple-select .list.inputs.between .swrap input[type="number"] {
	min-width: 80px;
	width: 45%
}

.simple-select .list.inputs.between .swrap .del {
	width: 10%;
	color: #999;
	line-height: 40px;
	text-align: center
}

.simple-select.simple-pattern .list .input-box {
	margin: 0
}

.simple-select .list.inputs.spec .swrap {
	padding: 0
}

.simple-select .list.inputs.spec .swrap .picker>input[type="text"] {
	margin: 10px;
	width: calc(100% - 20px)
}

.simple-select .list.inputs.spec .swrap .picker .icon {
	margin-left: 10px
}

.simple-select .list.inputs.spec .swrap .picker .clean {
	margin-right: 10px
}

.simple-select .list.inputs.spec .swrap .picker.location.loading:after {
	margin-right: 5px;
	background-color: #fff
}

#blg-body {
	padding: 0 !important
}

body .blg-content h1 {
	font-size: 24px;
	line-height: 26px;
	margin-bottom: 12px
}

body .blg-content {
	font-weight: 400
}

body .blg-popular .blg-popular-title {
	color: var(--mb-color-primary)
}

body .blg-popular .blg-popular-title:hover {
	color: var(--mb-color-primary-hover)
}

body .blg-btn.blg-btn-primary {
	background: var(--mb-color-primary);
	border-color: var(--mb-color-primary)
}

body .blg-btn.blg-btn-primary:hover {
	border-color: var(--mb-color-primary-hover);
	background: var(--mb-color-primary-hover)
}

body .blg-btn.blg-btn-secondary {
	background: var(--mb-color-secondary);
	color: #fff !important;
	border-color: var(--mb-color-secondary)
}

body .blg-btn.blg-btn-secondary:hover {
	background: var(--mb-color-secondary-hover);
	border-color: var(--mb-color-secondary-hover)
}

body .blg-search input#blgSearch,
body .blg-new-comment .blg-row input,
body .blg-new-comment .blg-row textarea,
body #faq-search-block input[name="pattern"] {
	border-radius: 0;
	background: #f4f4f4;
	border: 1px solid #fff0;
	border-bottom-color: var(--mb-color9);
	color: var(--mb-color2, #2c2c2c)
}

body #faq-post-block .faq-post-inside {
	background: #fff0
}

body #faq-post-block .faq-helpful>a.faq-active svg,
html[mode="dark"] body #faq-post-block .faq-helpful>a.faq-active svg {
	fill: var(--mb-color-primary)
}

body #faq-post-block .faq-row .faq-top {
	font-weight: 600
}

body #faq-post-block .faq-post-inside .faq-row {
	background: #fff
}

body .frm-title-right {
	margin-bottom: 15px
}

body .frm-board.frm-unread .frm-about body .frm-name a,
body .frm-board.frm-unread .frm-about .frm-desc {
	font-weight: 600
}

body .frm-title-right a.frm-new-topic {
	background: var(--mb-color-primary);
	color: #fff
}

body .frm-title-right a.frm-new-topic:hover {
	background: var(--mb-color-primary-hover);
	color: #fff
}

body .frm-attachment .frm-att-box .frm-wrap {
	background: var(--mb-color-secondary);
	color: #fff
}

body .frm-attachment .frm-att-box .frm-wrap:hover {
	background: var(--mb-color-primary-hover);
	color: #fff
}

body .frm-profile .frm-user-data .frm-input-box input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]) {
	border-radius: 0
}

body .frm-profile .frm-user-data .frm-input-box textarea {
	background: #f4f4f4
}

body .frm-post.frm-post-highlight:before {
	font-weight: 900
}

body .frm-tpc-top .frm-title i.frm-solved {
	margin-bottom: 0
}

body .frm-topic .frm-data i.frm-solved,
body .frm-tpc-top i.frm-solved {
	background: var(--mb-color-secondary)
}

body .frm-solved .frm-solved-text {
	background: var(--mb-color-secondary);
	font-weight: 600;
	font-size: 15px
}

body .frm-solved .frm-solved-text:before {
	border-color: #fff0 var(--mb-color-secondary) #fff0 #fff0
}

body #frm-body {
	padding: 0;
	margin: 0
}

body #mo-check.styled .input-box-check label {
	line-height: 18px
}

body .sms-body {
	margin-left: auto;
	margin-right: auto
}

body .oc-chat.oc-closed .oc-global-head span:not(.oc-alt) {
	font-size: 0;
	color: #fff0;
	display: block;
	width: auto;
	position: initial;
	padding: 0;
	max-width: 100%
}

body .oc-chat.oc-closed .oc-global-head span:not(.oc-alt):before {
	content: "\f27a";
	font-family: "Font Awesome 5 Free";
	display: inline-block;
	width: 60px;
	text-indent: 1px;
	font-size: 24px;
	height: 60px;
	text-align: center;
	color: #f9f9f9;
	line-height: 62px
}

body .oc-chat.oc-closed .oc-global-head svg {
	display: none
}

body.body-ua #ur-box-show {
	display: flex;
	flex-direction: column;
	align-items: flex-start
}

body.body-ua #ur-box-show .ur-over,
body.body-ua #ur-box-show .ur-charts {
	max-width: 360px;
	text-align: left
}

body.body-ua #ur-box-show .ur-over .ur-glob {
	margin-top: 0
}

body .atr-input-box input[type="radio"],
body .atr-input-box input[type="checkbox"] {
	opacity: 1;
	position: relative;
	left: auto;
	top: auto;
	z-index: 1;
	visibility: visible;
	overflow: visible;
	padding: 0 !important;
	width: 18px !important;
	height: 18px !important;
	margin: 0 4px 0 0 !important;
	box-shadow: none !important
}

body #atr-form.atr-styled .control-group>label {
	float: left;
	line-height: 28px
}

body .atr-form .controls select {
	margin: 0 6px 4px 0
}

body .atr-form li {
	margin: 0 0 4px 0
}

body .atr-form li:last-child {
	margin-bottom: 0
}

body form#im-create-thread-form {
	padding: 16px
}

body .osp-promote-form .osp-pb-line .osp-pb-desc {
	font-weight: 400;
	line-height: 15px
}

body .osp-body.osp-body-itempay {
	background: #fff0
}

body .osp-body-itempay .osp-h1 {
	font-size: 18px;
	font-weight: 700;
	line-height: 20px;
	color: var(--mb-color2, #2c2c2c)
}

body .osp-body-itempay .osp-h2,
body .osp-body-itempay .osp-cart-col.prod .p3,
body .osp-group .osp-perc {
	font-weight: 400
}

body .osp-body-itempay .osp-promote-form .osp-h1,
body .osp-pay-button li a>strong {
	font-weight: 600
}

body .osp-body-pack .osp-h1,
body .osp-body-group .osp-h1,
body .osp-body-banner .osp-h2,
body .osp-body-order .osp-h2,
body .osp-body-payments .osp-h2 {
	font-weight: 400
}

body .osp-group .osp-h2 {
	font-weight: 700
}

body .osp-promote-form button[type="submit"],
body #uniform-osp-item-promote {
	background: var(--mb-color-primary)
}

body .osp-promote-form button[type="submit"]:hover,
body #uniform-osp-item-promote:hover {
	background: var(--mb-color-primary-hover)
}

.bpr-prof .bpr-btn {
	cursor: pointer
}

body .bpr-box-check label:after {
	font-size: 13px;
	font-weight: 900;
	text-indent: -1px;
	line-height: 16px
}

.qr-code {
	float: right;
	margin: 4px 0 24px 16px;
	display: inline-block;
	width: 96px;
	height: 96px;
	padding: 4px;
	background: #fff;
	border: 1px solid #ccc;
	position: relative;
	border-radius: 3px 3px 0 3px
}

.qr-code>strong {
	position: absolute;
	right: -1px;
	bottom: -16px;
	font-weight: 600;
	font-size: 11px;
	line-height: 11px;
	color: #000;
	height: 16px;
	padding: 0 4px;
	border: 1px solid #ccc;
	border-top-color: #fff;
	border-radius: 0 0 3px 3px;
	background: #fff
}

div[id^="anr_captcha_field_"] {
	margin: 0 0 16px 0
}

.MCtooltip {
	display: none;
	position: absolute;
	top: auto;
	bottom: 24px;
	left: 10px;
	border-radius: 5px;
	padding: 8px 10px;
	background: #e4e4e4;
	z-index: 9;
	width: auto;
	font-weight: 400;
	white-space: nowrap;
	font-size: 13px;
	line-height: 16px
}

.simple-prod .MCtooltip {
	background: var(--mb-color2, #2c2c2c);
	color: #f9f9f9;
	padding: 5px 6px
}

.simple-prod .MCtooltip:before {
	background: var(--mb-color2, #2c2c2c)
}

ul.breadcrumb li .MCtooltip {
	left: auto;
	right: 0
}

.MCtooltip .fa {
	display: none
}

.MCtooltip:before {
	content: "";
	position: absolute;
	left: 15px;
	top: auto;
	bottom: -5px;
	width: 10px;
	height: 10px;
	background: #e4e4e4;
	transform: rotate(-135deg);
	border-bottom-right-radius: 10px
}

*:hover>.MCtooltip {
	display: block
}

#showcase-box {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 90;
	height: 40px;
	display: inline-block;
	background: var(--mb-color2, #2c2c2c);
	padding: 0;
	font-size: 13px;
	font-family: monospace;
	line-height: 1.1;
	width: auto;
	width: 100%;
	color: #f9f9f9
}

#showcase-box .container {
	overflow-x: auto;
	display: flex;
	height: 40px;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center
}

#showcase-box .container>a {
	white-space: nowrap;
	padding: 7px 8px;
	color: #f9f9f9;
	transition: 0.2s;
	background: #575757;
	float: left;
	margin: 0 6px 0 0;
	height: 26px
}

#showcase-box .container>a:hover {
	color: #f9f9f9;
	background: #474747;
	text-decoration: none
}

#showcase-box .switch-color {
	float: left;
	margin: 0 12px 0 0;
	display: flex;
	align-items: center
}

#showcase-box .switch-color .lab {
	font-size: 12px;
	font-weight: 400;
	line-height: 11px;
	width: 68px;
	margin: 0 8px 0 10px;
	text-align: right
}

#showcase-box .switch-color a {
	position: relative;
	width: 26px;
	height: 28px;
	margin: 0 -1px 0 0;
	float: left;
	display: block;
	opacity: .8;
	transition: 0.2s;
	border: 1px solid #ccc
}

#showcase-box .switch-color a:first-child {
	border-radius: 4px 0 0 4px
}

#showcase-box .switch-color a:last-child {
	border-radius: 0 4px 4px 0
}

#showcase-box .switch-color a:hover {
	opacity: 1;
	border-color: #fff
}

#showcase-box .switch-color a.active {
	opacity: 1
}

#showcase-box .switch-color a.active:after {
	position: absolute;
	content: "\f00c";
	left: calc(50% - 7px);
	font-weight: 900;
	top: calc(50% - 7px);
	z-index: 2;
	font-family: "Font Awesome 5 Free";
	font-size: 12px;
	width: 14px;
	height: 14px;
	text-align: center;
	line-height: 14px;
	color: #fff
}

#showcase-button {
	position: relative;
	text-decoration: none;
	padding: 3px 0 0 0;
	transition: 0.3s;
	z-index: 4;
	background: var(--mb-color2, #2c2c2c);
	position: fixed;
	left: 8px;
	bottom: 25%;
	color: #f9f9f9;
	width: 36px;
	height: 38px;
	margin-bottom: -3px;
	text-align: center;
	border-radius: 6px;
	box-shadow: 0 1px 3px rgb(0 0 0 / .1)
}

#showcase-button>i {
	line-height: 23px;
	font-size: 17px;
	display: block
}

#showcase-button>span {
	line-height: 8px;
	font-weight: 600;
	font-size: 8px;
	display: block;
	letter-spacing: -.2px
}

#showcase-button.active:after {
	content: "\f063";
	font-weight: 900;
	width: 24px;
	height: 16px;
	line-height: 20px;
	font-size: 15px;
	color: var(--mb-color-primary);
	font-family: "Font Awesome 5 Free";
	position: absolute;
	left: 50%;
	top: 100%;
	margin-left: -12px;
	z-index: 2
}

body.demo {
	padding-bottom: 40px
}

body.subdomain-navigation div.m25 {
	margin: 55px 0 55px 0
}

body.subdomain-navigation header {
	text-align: center
}

body.subdomain-navigation header #logo {
	float: none;
	display: inline-block
}

body.subdomain-navigation header #logo img {
	max-height: 75px;
	height: auto;
	margin: 25px 0
}

body.subdomain-navigation section {
	text-align: center;
	font-size: 18px
}

body.subdomain-navigation section div {
	display: inline-block;
	width: 100%
}

body.subdomain-navigation section strong {
	display: inline-block;
	margin-bottom: 15px
}

body.subdomain-navigation footer {
	background: #fff0;
	text-align: center;
	padding: 20px;
	margin: 30px 0 0 0;
	color: #888;
	font-size: 14px
}

body.subdomain-navigation header .links,
body.subdomain-navigation section.promo,
body.subdomain-navigation section.one {
	display: none
}

body.subdomain-navigation header .menu.btn,
body.subdomain-navigation #navi-bar {
	display: none
}

#subdomains-list {
	max-width: 980px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	flex-direction: row;
	margin: 0 auto
}

#subdomains-list a {
	display: inline-block;
	max-width: 33.33%;
	width: 100%;
	font-size: 16px;
	margin: 0 0 15px 0;
	padding: 0 15px 0 0;
	text-align: left
}

#subdomains-list a em {
	font-size: 12px;
	font-style: normal;
	line-height: 1;
	color: #999
}

body.subdomain-navigation.sd-with-icon #subdomains-list {
	display: flex;
	padding: 5px 30px;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	flex-direction: row
}

body.subdomain-navigation.sd-with-icon #subdomains-list a {
	display: inline-block;
	max-width: 116px;
	padding: 0;
	text-align: center;
	line-height: 16px;
	width: 100%;
	font-size: 14px;
	margin: 0 1px 20px 1px
}

body.subdomain-navigation.sd-with-icon #subdomains-list a span {
	display: block;
	margin: 6px 0 0 0
}

body.subdomain-navigation.sd-with-icon #subdomains-list a img {
	display: inline-block;
	height: 48px;
	width: auto;
	max-width: 76px;
	border: 1px solid #aaa
}

body.subdomain-navigation.sd-with-icon #subdomains-list a.restricted img {
	opacity: .4
}

footer #subdomains-list {
	margin: 15px 0;
	justify-content: flex-start
}

footer #subdomains-list a {
	max-width: 25%;
	font-size: 14px;
	margin: 0 0 8px 0
}

#comment-replies {
	padding-left: 24px
}

#comment-replies+.comment-reply-row {
	padding-left: 24px
}

#comment-replies .comment:has(+.comment) {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom: 1px solid #ddd;
	margin-bottom: 0
}

#comment-replies .comment+.comment {
	border-top-left-radius: 0;
	border-top-right-radius: 0
}

.btn.comment-reply {
	padding: 5px 12px;
	font-size: 13px;
	box-shadow: none;
	line-height: 16px;
	height: auto;
	margin: 0 0 24px 0;
	background: var(--mb-color-secondary-light);
	color: var(--mb-color-secondary-hover);
	border: 1px solid rgb(0 0 0 / .1)
}

.btn.comment-reply:hover {
	background: var(--mb-color-secondary-lighter);
	color: var(--mb-color-secondary-hover)
}

body.print #item-side {
	position: relative;
	top: auto
}

body#public .container.primary {
	padding-bottom: 24px
}

#public-main {
	width: calc(100% - 344px);
	position: relative;
	display: flex;
	flex-direction: column
}

#public #about {
	margin: 0 0 16px 0
}

#public #about strong {
	display: block
}

#public #share {
	position: absolute;
	top: 132px;
	left: 0;
	width: 120px;
	display: flex;
	align-items: center;
	justify-content: center
}

#public #share a {
	background: #eee;
	width: 20px;
	height: 20px;
	border-radius: 100px;
	text-align: center;
	font-size: 13px;
	margin: 2px;
	padding: 2px 0;
	color: #fff;
	display: inline-block
}

#public #share a i {
	line-height: 16px
}

#public #share a svg {
	width: 16px;
	height: 16px;
	padding: 1px;
	fill: #fff;
	color: #fff
}

#public #share a.facebook {
	background: #3b5a99
}

#public #share a.twitter {
	background: #55abe1
}

#public #share a.pinterest {
	background: #de2d2b
}

#public #share a.linkedin {
	background: #3770ae
}

#public #share a.whatsapp {
	background: #62cd64
}

#public h1 {
	font-size: 22px;
	line-height: 24px;
	margin: 0 0 16px 0
}

#public h2 {
	font-size: 18px;
	line-height: 20px;
	margin: 4px 0 2px 0
}

#public-side-banner {
	width: 320px;
	position: sticky;
	top: 60px;
	height: 300px;
	padding: 10px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: stretch;
	border-radius: 5px
}

#public-side-banner .lab {
	width: 100%;
	margin: 0 0 2px 0
}

#public #meet-seller .line-rating .ur-fdb {
	margin: 0
}

#public #meet-seller .wrap {
	padding-left: 140px;
	min-height: 120px
}

#public #meet-seller .wrap img.uimg {
	width: 120px;
	height: 120px
}

#public #meet-seller .address i {
	color: var(--mb-color8)
}

body#item .container.primary {
	padding-bottom: 24px;
	flex-direction: column;
	align-items: stretch
}

body#item .data-box {
	display: flex;
	align-items: flex-start;
	flex-direction: row;
	justify-content: space-between
}

body#item .data-box.sold {
	position: relative;
	overflow: hidden;
	user-select: none;
	padding: 4px
}

body#item .data-box.sold:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	background: rgb(255 255 255 / .5);
	backdrop-filter: blur(4px);
	border-radius: 4px
}

body#item .data-box.sold:before {
	content: attr(title);
	position: absolute;
	border-radius: 4px;
	left: 10px;
	top: 10px;
	right: 10px;
	z-index: 3;
	background: var(--mb-color-primary);
	font-size: 16px;
	box-shadow: 0 2px 5px rgb(0 0 0 / .3);
	border: 1px solid rgb(0 0 0 / .1);
	font-weight: 600;
	color: #fff;
	padding: 10px;
	text-align: center
}

.data-box.sold #item-side {
	top: 0
}

#item-main {
	width: calc(100% - 346px);
	position: relative;
	display: flex;
	flex-direction: column
}

#item-side {
	width: 320px;
	margin: 0;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: flex-start;
	position: sticky;
	top: 120px
}

#item-side>.box {
	background: #fff;
	border-radius: 8px;
	margin: 0 0 16px 0;
	padding: 0
}

#item-side>.box#seller {
	box-shadow: 0 3px 12px rgb(0 0 0 / .2), 0 0 0 1px rgb(0 0 0 / .07);
	padding: 20px
}

#item-sticky-box {
	position: fixed;
	z-index: 6;
	bottom: 0;
	height: 64px;
	left: 0;
	right: 0;
	background: #fff;
	border-top: 1px solid #ddd;
	padding: 8px 16px;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	overflow: hidden
}

#item-sticky-box .btn-regular {
	align-items: center;
	display: flex;
	position: relative;
	flex: 1;
	flex-direction: column;
	justify-content: center;
	padding: 0
}

#item-sticky-box .btn-regular.disabled {
	opacity: .55
}

#item-sticky-box .btn-regular:not(:first-child) {
	border-left: 1px solid #e8e8e8
}

#item-sticky-box .btn-regular svg {
	width: 22px;
	height: 22px;
	fill: var(--mb-color6)
}

#item-sticky-box .btn-regular span {
	font-size: 12px;
	color: var(--mb-color4);
	line-height: 14px;
	margin-top: 4px;
	font-weight: 600
}

#item-sticky-box .btn {
	display: flex;
	min-width: fit-content;
	margin: 1px 0 3px 24px;
	flex: 1;
	height: 44px;
	padding: 5px 12px;
	border: none;
	align-items: center;
	justify-content: center
}

#item-sticky-box .btn>span {
	display: inline-block;
	font-size: 15px;
	line-height: 16px;
	word-break: break-word;
	word-wrap: break-word;
	max-width: 96px
}

#item-sticky-box .btn-regular.btn-chat:after {
	left: calc(50% + 5px)
}

#item-image {
	position: relative;
	width: 100%;
	margin: 0 0 24px 0;
	border-radius: 8px;
	overflow: hidden
}

!#item-image.noimg {
	display: none
}

#item-image.noimg {
	min-height: 200px
}

#item-image.noimg .item-noimg-box {
	position: absolute;
	color: rgb(0 0 0 / .6);
	z-index: 4;
	left: 0;
	top: calc(50% - 10px);
	line-height: 20px;
	font-size: 16px;
	width: 100%;
	text-align: center;
	color: #777
}

#item-image.fewimg .swiper-wrapper {
	justify-content: center
}

#item-image .img-bg {
	position: absolute;
	border-radius: 8px;
	z-index: 1;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0
}

#item-image .img-bg>img {
	object-fit: cover;
	max-width: unset;
	max-height: unset;
	border: 1px solid rgb(0 0 0 / .1);
	position: absolute;
	border-radius: 8px;
	z-index: 1;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%
}

#item-image .img-bg>.img-overlay {
	backdrop-filter: blur(42px);
	background: rgb(0 0 0 / .2);
	position: absolute;
	border-radius: 8px;
	z-index: 1;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 2;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0
}

#item-image li {
	list-style: none;
	position: relative;
	width: calc(33.33% - 4px);
	margin: 0 4px 0 0;
	padding-top: calc(var(--mb-gallery-padding, 75%) / 3)
}

#item-image li:last-child {
	margin-right: 0
}

#item-image li a img {
	object-fit: cover;
	border-radius: 0;
	float: left;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	min-height: 100%;
	max-height: 100%;
	max-width: 100%;
	background: #171717
}

#item-image .swiper-container {
	overflow: hidden;
	position: relative;
	text-align: center;
	z-index: 3
}

#item-image .swiper-container .swiper-pg {
	position: absolute;
	bottom: 12px;
	margin-top: 8px;
	z-index: 3;
	--swiper-pagination-bullet-size: 12px;
	--swiper-pagination-bullet-width: 12px;
	--swiper-pagination-bullet-height: 12px
}

#item-image .swiper-button {
	transition: 0.2s;
	color: var(--mb-color2, #2c2c2c);
	margin-top: -26px;
	position: absolute;
	border-radius: 100px;
	left: 10px;
	top: 50%;
	height: 52px;
	width: 52px;
	padding: 8px;
	z-index: 2;
	text-indent: -2px
}

#item-image .swiper-button.swiper-button-disabled {
	cursor: default;
	opacity: .6
}

#item-image .swiper-button.swiper-button-disabled .icon {
	cursor: default
}

#item-image .swiper-container.hide-buttons .swiper-button {
	display: none
}

#item-image .swiper-button.swiper-next {
	right: 10px;
	left: auto;
	text-indent: 2px
}

#item-image .swiper-button:not(.swiper-button-disabled):hover {
	transform: scale(1.15);
	color: var(--mb-color-primary)
}

#item-image .swiper-button .icon {
	transition: 0.2s;
	cursor: pointer;
	width: 36px;
	height: 36px;
	padding: 5px 0;
	fill: #fff;
	line-height: 36px;
	border-radius: 100px;
	background: rgb(0 0 0 / .65);
	text-align: center;
	box-shadow: 0 1px 3px rgb(0 0 0 / .35);
	font-size: 20px
}

#item-image .swiper-button.swiper-next .icon {
	padding-left: 2px
}

#item-image .swiper-button.swiper-prev .icon {
	padding-right: 2px
}

#item-image .swiper-button:not(.swiper-button-disabled):focus .icon {
	box-shadow: 0 1px 3px rgb(0 0 0 / .35), 0 0 0 1px var(--mb-color-primary)
}

#item-image .swiper-pagination-bullet {
	background: #fff;
	opacity: .85
}

#item-image .swiper-pagination-bullet {
	background: #fff;
	opacity: .85
}

#item-image .swiper-pagination-bullet-active {
	background: var(--mb-color-primary)
}

#item-image .mlinks {
	display: flex;
	position: absolute;
	z-index: 4;
	position: absolute;
	right: 16px;
	top: 16px;
	flex-direction: row-reverse
}

#item-image .mlinks.bottom {
	bottom: 16px;
	top: auto
}

#item-image .mlink,
#item-image .mlinkw>a {
	transition: 0.2s;
	width: auto;
	background: #fff;
	color: var(--mb-color2, #2c2c2c);
	height: 28px;
	line-height: 16px;
	font-size: 13px;
	border-radius: 5px;
	text-align: center;
	padding: 3px 7px;
	box-shadow: 0 7px 13px 0 rgb(0 0 0 / .3);
	margin: 0 0 0 10px;
	display: flex;
	align-items: center
}

#item-image .mlink.back {
	margin: 0;
	width: 28px;
	padding-left: 0;
	padding-right: 0;
	text-align: center;
	justify-content: center
}

#item-image .mlink.back>svg {
	margin: 0
}

#item-image .mlink i,
#item-image .mlink svg,
#item-image .mlinkw>a i {
	line-height: 16px;
	font-size: 14px;
	text-align: center;
	margin-right: 5px;
	height: 16px;
	width: 16px;
	fill: var(--mb-color4);
	color: var(--mb-color4)
}

#item-image .mlink:focus,
#item-image .mlink:active,
#item-image .mlink:hover,
#item-image .mlinkw>a:hover,
#item-image .mlinkw>a:focus {
	background: #e4e4e4;
	text-decoration: none
}

#item-image .mlinkw.favorite>a i {
	margin-right: 3px;
	font-weight: 900
}

#item-image .mlinkw.favorite>a.is_favorite i {
	font-weight: 900;
	color: #ffb100
}

#item-image .mlinkw.favorite>a.is_favorite:hover i {
	font-weight: 900;
	color: var(--mb-color4)
}

#item-main .row {
	display: block;
	margin: 0 0 12px 0;
	float: left;
	clear: both;
	width: 100%
}

#item-main .basic {
	position: relative;
	margin: 0 0 12px 0
}

#item-main .basic h1 {
	font-size: 20px;
	line-height: 26px;
	font-weight: 600;
	color: var(--mb-color3);
	margin: 0 0 16px 0
}

#item-main .basic .price {
	font-size: 28px;
	font-weight: 700;
	line-height: 32px;
	position: relative;
	color: var(--mb-color1)
}

#item-main .basic .mo-make-offer-price {
	margin: -10px 0 14px 0;
	color: var(--mb-color7);
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	text-decoration: underline
}

#item-main .basic .mo-make-offer-price:hover {
	text-decoration: none;
	color: var(--mb-color5)
}

#item-main .basic .label {
	float: left;
	font-size: 12px;
	font-weight: 700;
	padding: 5px 8px;
	line-height: 14px;
	height: 24px;
	white-space: nowrap;
	background: var(--mb-color-primary);
	color: #fff;
	margin: 1px 4px 0 0;
	border-radius: 3px
}

#item-main .basic .label.premium {
	background: #00b145
}

#item-main .basic .label.expired,
#item-main .basic .label.sold {
	background: #d21616
}

#item-main .basic .label.reserved {
	background: #2553e0
}

#item-main .basic .label:last-child {
	margin-right: 10px
}

#item-main .details {
	font-size: 14px;
	line-height: 18px;
	display: flex;
	color: var(--mb-color4);
	margin: 8px 0 12px 0;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: stretch
}

#item-main .details>.elem {
	width: calc(33.33% - 4px);
	margin: 0 4px 4px 0;
	font-weight: 500;
	display: flex;
	align-items: flex-start;
	background: #f0f0f0;
	border-radius: 4px;
	padding: 10px 12px
}

#item-main .details>.elem svg {
	width: 18px;
	height: 18px;
	min-width: 18px;
	fill: var(--mb-color6);
	margin-right: 8px
}

#item-main .details>.elem>div {
	display: flex;
	flex-direction: column;
	align-items: flex-start
}

#item-main .details>.elem>div a {
	font-size: 12px;
	line-height: 14px;
	color: var(--mb-color-primary);
	text-decoration: none
}

#item-main .details>.elem>div a:hover {
	color: var(--mb-color-primary-hover);
	text-decoration: underline
}

#item-main .details2 {
	font-size: 15px;
	line-height: 20px;
	display: flex;
	color: var(--mb-color5);
	margin: 12px 0 0 0;
	flex-direction: column;
	align-items: stretch
}

#item-main .details2>.elem {
	width: 100%;
	margin: 0 0 16px 0;
	font-weight: 400;
	display: flex;
	align-items: flex-start
}

#item-main .details2>.elem:last-child {
	margin-bottom: 0
}

#item-main .details2>.elem.pc>div>div {
	font-weight: 500;
	color: var(--mb-color4);
	font-size: 17px
}

#item-main .details2>.elem>svg {
	width: 22px;
	height: 22px;
	min-width: 22px;
	fill: var(--mb-color7);
	margin: -1px 12px -1px 0
}

#item-main .details2>.elem a {
	color: var(--mb-color-secondary);
	text-decoration: underline
}

#item-main .details2>.elem a:hover {
	color: var(--mb-color-secondary-hover);
	text-decoration: none
}

#item-main .details2>.elem>div>div {
	width: 100%;
	display: block;
	float: left
}

#item-main .details2>.elem>div>div+a {
	float: left;
	clear: both;
	margin-top: 2px;
	font-size: 13px;
	line-height: 15px;
	margin-bottom: 0
}

#item-main .basic .date {
	font-size: 13px;
	color: #666
}

#item-main .basic .row:last-child {
	margin-bottom: 0
}

#item-main h2 {
	font-size: 20px;
	line-height: 24px;
	font-weight: 600;
	margin: 0 0 12px 0;
	color: var(--mb-color3)
}

#item-main h2 .counter {
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	color: var(--mb-color7);
	font-style: normal;
	vertical-align: 1px;
	margin-left: 2px;
	margin-right: 2px
}

#item-main .description {
	display: flex;
	flex-direction: column;
	padding-top: 24px;
	border-top: 1px solid #ddd;
	margin: 12px 0 30px 0
}

#item-main .description .text {
	font-size: 14px;
	line-height: 22px;
	width: 100%;
	display: block
}

#item-main .description .text.hidden {
	display: none
}

#item-main .description .read-more-desc {
	display: inline-block
}

#item-main .description .read-more-desc {
	font-weight: 600;
	margin-top: 12px
}

#item-main .description .read-more-desc i {
	font-size: 12px;
	margin-left: 1px
}

#item-main .description .desc-parts {
	display: flex;
	flex-direction: row;
	align-items: flex-start
}

#item-main .description .desc-text {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start
}

#item-main .props.style {
	padding-top: 30px;
	border-top: 1px solid #ccc;
	margin-bottom: 8px
}

#item-main #item-hook:empty {
	display: none
}

#item-main #location-hook {
	width: 100%;
	margin: 24px 0 0 0;
	position: relative;
	z-index: 1
}

#item-main #location-hook #itemMap,
#item-main #location-hook .leaflet-container {
	z-index: 1
}

#item-main #location-hook:empty {
	display: none
}

#item-main .mo-item-buttons-wrap:not(:has(*)) {
	display: none
}

#item-main #item-hook h2,
#item-main #item-hook h3,
#item-main #item-hook h4 {
	font-size: 16px;
	width: 100%;
	margin: 0 0 10px 0;
	font-weight: 600
}

#item-hook table,
.custom-fields,
#item-hook .list-other-attributes {
	width: 100%;
	display: block;
	margin: 0 0 16px 0
}

#item-hook table tbody,
.custom-fields,
.job-detail,
#item-hook .list-other-attributes {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: stretch
}

#item-hook table tr,
.custom-fields .field,
.job-detail>div,
#item-hook .realestate-details .list-other-attributes li {
	width: calc(33.33% - 8px);
	display: flex;
	flex-direction: column;
	margin: 0 8px 14px 0;
	padding: 0 0 0 34px;
	line-height: 16px;
	position: relative
}

#item-hook table tr:after,
.custom-fields .field:after,
.job-detail>div:after,
#item-hook .realestate-details .list-other-attributes li:after {
	content: "\f00c";
	width: 26px;
	height: 26px;
	background: var(--mb-color-secondary-light);
	border-radius: 11px;
	line-height: 28px;
	position: absolute;
	left: 0;
	font-family: "Font Awesome 5 Free";
	top: 2px;
	font-weight: 900;
	text-align: center;
	color: var(--mb-color-secondary);
	font-size: 13px
}

#item-hook table td:first-child,
#item-hook table td:first-child label,
.custom-fields .field .name,
.job-detail>div label {
	font-weight: 400;
	font-size: 13px;
	color: var(--mb-color7);
	line-height: 13px;
	margin-bottom: 1px
}

#item-hook table td,
#item-hook .realestate-details .row-title {
	width: 100%
}

#item-hook table td:last-child,
.custom-fields .field .value,
.job-detail>div p,
#item-hook .realestate-details .list-other-attributes li {
	font-weight: 600;
	color: var(--mb-color2, #2c2c2c);
	font-size: 15px
}

#item-hook table td:last-child label {
	font-weight: 600
}

#item-hook .realestate-details .table-attributes {
	margin: 0
}

#item-hook .job-detail>div:last-child {
	margin-bottom: 30px
}

#item-hook .realestate-details .list-other-attributes li {
	font-weight: 600;
	margin-bottom: 18px;
	font-size: 14px
}

#item-hook .realestate-details .list-other-attributes li img {
	display: none
}

#item-hook .realestate-details .list-other-attributes li:after {
	top: -4px
}

.custom-fields .field:first-child:last-child {
	width: 100%
}

.custom-fields .field.type-CHECKBOX {
	min-height: 28px;
	justify-content: center
}

.custom-fields .field.type-CHECKBOX .value {
	display: none
}

.custom-fields .field.type-CHECKBOX .name {
	font-weight: 600;
	color: var(--mb-color2, #2c2c2c);
	font-size: 15px;
	margin: 0
}

.custom-fields .field.type-CHECKBOX.value-0:after {
	content: "\f00d"
}

#rel-block {
	margin: 32px 0 12px 0
}

#rel-block h2 {
	font-size: 18px;
	margin: 0 0 8px 0
}

#rel-block .products {
	width: calc(100% + 10px);
	margin: 0 -5px
}

#rel-block .simple-prod {
	width: 260px;
	*margin: 0 1px 6px 1px
}

#rel-block .simple-prod .extra {
	display: none
}

#rel-block .simple-prod .title {
	font-size: 15px;
	line-height: 16px;
	min-height: 17px;
	max-height: 17px;
	margin: 0
}

#rel-block .simple-prod .data {
	padding: 10px 0 4px 0
}

#recent-ads {
	margin: 32px 0 12px 0;
	width: 100%
}

#recent-ads.onsearch {
	display: inline-block;
	margin: 18px 0 16px 0;
	padding: 24px 0 0 0;
	border-top: 1px solid #ddd
}

#recent-ads.onhome {
	margin: 0 0 12px 0
}

#recent-ads h2 {
	font-size: 18px;
	margin: 0 0 8px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: row
}

#recent-ads .products {
	width: calc(100% + 10px);
	margin: 0 -5px
}

#recent-ads .simple-prod {
	width: 225px;
	margin: 0 1px 6px 1px
}

#recent-ads.onsearch .simple-prod .img-wrap .user-image,
#recent-ads.onsearch .simple-prod .favorite {
	display: none
}

#recent-ads.onhome .simple-prod {
	width: 240px
}

#search-items #recent-ads .products .simple-prod,
#search-items #recent-ads .products.grid .simple-prod {
	width: 220px;
	margin: 0 1px 6px 1px
}

#rel-block~#recent-ads {
	display: none
}

body#home>.content>section.home-recent {
	background: #fff;
	border-top: 2px dotted #ddd
}

#comments {
	display: flex;
	flex-direction: column
}

#comments .wrap {
	display: block;
	width: 100%
}

#comments .comment {
	display: block;
	width: 100%;
	position: relative;
	padding: 8px 10px 10px 10px;
	margin: 0 0 12px 0;
	background: #f4f4f4;
	border-radius: 8px;
	box-shadow: 0 1px 1px rgb(0 0 0 / .1);
	display: flex;
	flex-direction: column;
	align-items: flex-start
}

#comments .author {
	padding: 0 0 0 38px;
	position: relative;
	white-space: nowrap;
	max-width: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin: 0 0 10px 0;
	text-decoration: none
}

#comments .author:hover {
	text-decoration: none
}

#comments .author .img {
	width: 32px;
	height: 32px;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 100px;
	box-shadow: 0 1px 2px rgb(0 0 0 / .3);
	margin: 0 5px 0 0;
	object-fit: cover
}

#comments .author .name {
	color: var(--mb-color2, #2c2c2c);
	font-size: 14px;
	line-height: 16px
}

#comments .author .date {
	color: var(--mb-color9);
	font-size: 12px;
	line-height: 14px
}

#comments .data {
	width: 100%;
	padding: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start
}

#comments .data h3 {
	font-size: 15px;
	font-weight: 600;
	margin: 0 0 4px 0
}

#comments .data .body {
	font-size: 13px;
	line-height: 18px;
	color: var(--mb-color3)
}

#comments .data .date {
	font-size: 13px;
	color: #777;
	margin: 0 0 8px 0;
	line-height: 14px
}

#comments .data h3+.date {
	margin-top: -5px
}

#comments .data .remove {
	font-size: 12px;
	font-weight: 600;
	position: absolute;
	bottom: 10px;
	right: 10px;
	padding: 3px 6px;
	border: 1px solid #ccc;
	border-radius: 4px;
	background: #fff
}

#comments .data .remove:hover {
	text-decoration: none;
	color: var(--mb-color-primary-hover);
	box-shadow: 0 2px 8px rgb(0 0 0 / .25)
}

#comments .data .remove i {
	margin-right: 2px;
	color: var(--mb-color5)
}

#comments .add {
	height: 34px;
	font-size: 14px;
	border-radius: 5px;
	padding: 9px 15px;
	line-height: 15px
}

#comments .empty-comments {
	margin: -8px 0 18px 0;
	color: #666
}

#comments .rating {
	margin: 2px 0;
	display: flex;
	flex-direction: row;
	align-items: flex-end
}

#comments .rating>span {
	font-size: 11px;
	margin-left: 5px;
	line-height: 14px;
	color: #777
}

#comments .rating i {
	margin: 0 1px 0 0;
	font-size: 14px;
	line-height: 16px;
	color: #aaa
}

#comments .rating i.fill,
.comment-leave-rating i.is-rating-item.fill {
	color: var(--mb-color-secondary)
}

#comments .top-block {
	display: flex;
	width: 100%;
	align-items: flex-start;
	justify-content: space-between
}

.comment-leave-rating {
	display: flex;
	flex-direction: row;
	align-items: flex-end
}

.comment-leave-rating i.is-rating-item {
	cursor: pointer;
	float: left;
	text-align: center;
	font-size: 18px;
	color: #aaa;
	margin: 0 1px 0 0
}

.comment-leave-rating:hover i.is-rating-item {
	color: var(--mb-color-secondary)
}

.comment-leave-rating:hover i.is-rating-item:hover~i.is-rating-item {
	color: #aaa
}

.comment-rating-selected {
	float: left;
	margin: 0 0 0 5px;
	line-height: 16px;
	font-size: 13px;
	color: #777
}

.comment-rating span {
	margin: 0 0 0 4px;
	font-size: 12px
}

.comment-stars {
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	margin: 0 0 16px 0
}

#shortcuts {
	margin-top: 24px;
	padding: 16px 0 8px 0;
	line-height: 16px;
	border-top: 1px solid #ddd;
	display: flex;
	flex-direction: row;
	font-size: 13px
}

#shortcuts a {
	color: var(--mb-color5);
	margin: 0 16px 0 0
}

#shortcuts a:hover {
	color: var(--mb-color3);
	text-decoration: none
}

#shortcuts .item-share {
	margin-left: auto
}

#shortcuts .item-share a {
	margin: 0 0 0 8px
}

#shortcuts .item-share a i {
	font-size: 15px;
	line-height: 16px
}

#seller .line1 {
	display: flex;
	align-items: center;
	margin: 0 0 12px 0
}

#seller .line1 .img {
	width: 48px;
	height: 48px;
	max-width: 48px;
	min-width: 48px;
	max-height: 48px;
	margin-right: 12px;
	position: relative
}

#seller .line1 .img img {
	width: 100%;
	height: 100%;
	border-radius: 100px;
	box-shadow: 0 1px 3px rgb(0 0 0 / .2)
}

#seller .line1 .img .online {
	position: absolute;
	right: 1px;
	top: 1px;
	width: 12px;
	height: 12px;
	border-radius: 100px;
	background: #0ed000;
	box-shadow: 0 0 0 1px #fff
}

#seller .line1 .img .online.off {
	background: #dc0606
}

#seller .line1 .data {
	width: 100%;
	display: flex;
	flex-direction: column;
	line-height: 1.1;
	align-items: flex-start
}

#seller .line1 .data .name {
	font-weight: 700;
	font-size: 17px;
	margin: 0;
	color: var(--mb-color2, #2c2c2c)
}

#seller .line1 .data .items {
	color: #777;
	font-size: 14px;
	margin: 2px 0 0 0
}

#seller .line1 .data .pro {
	padding: 2px 6px;
	background: var(--mb-color-primary);
	color: #fff;
	font-size: 12px;
	border-radius: 4px;
	font-weight: 600;
	margin: 4px 0 -2px 0
}

#seller .btn {
	width: 100%
}

#seller .line2 {
	display: inline-block;
	width: 100%;
	color: var(--mb-color7);
	font-size: 13px;
	line-height: 16px;
	margin: 0 0 8px 0
}

#seller .line2>div {
	display: inline
}

#seller .line3 {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 100%
}

#seller .line3 .phone {
	margin: 6px 0 2px 0;
	font-weight: 600;
	background: var(--mb-color-primary-lighter);
	color: var(--mb-color-primary-hover);
	padding: 4px 8px;
	border-radius: 4px;
	transition: 0.2s
}

#seller .line3 .phone:hover {
	text-decoration: none;
	background: var(--mb-color-primary-light);
	color: var(--mb-color-primary-hover)
}

#seller .line3 .phone i {
	font-size: 13px;
	margin-right: 2px
}

#seller .line-chat {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin: 12px 0 4px 0
}

#seller .line-chat a.btn {
	padding: 7px 11px 7px 10px;
	height: auto;
	width: auto;
	font-size: 15px;
	border-radius: 4px;
	background: var(--mb-color-secondary);
	position: relative
}

#seller .line-chat a.btn i {
	margin-right: 7px
}

#seller .line-chat a.btn:hover {
	background: var(--mb-color-secondary-hover)
}

#seller .line-chat a.btn:not(.oc-disabled):hover {
	background: var(--mb-color-secondary-hover)
}

#seller .line-chat a.btn.oc-disabled {
	background: #999;
	cursor: default
}

#seller .line-chat a.btn:after,
a.btn-chat:after {
	content: "";
	z-index: 2;
	position: absolute;
	top: 3px;
	left: 5px;
	width: 10px;
	height: 10px;
	border-radius: 100px;
	background: #0ed000;
	box-shadow: 0 0 0 1px #fff
}

#seller .line-chat a.btn.oc-disabled:after,
a.btn-chat.oc-disabled:after {
	background: #999
}

#seller .line-chat a.btn.oc-offline:after,
a.btn-chat.oc-offline:after {
	background: #f30f0f
}

#seller .oc-chat-box.oc-online .oc-status-offline,
#seller .oc-chat-box.oc-offline .oc-status-online {
	display: none
}

#seller .line-rating {
	display: block;
	width: 100%;
	margin: 1px 0 0 0
}

.line-rating .ur-fdb {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	padding: 3px 0
}

body .show-rating.show-stars {
	text-decoration: none;
	height: auto;
	width: 100%;
	padding: 0;
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
	flex-wrap: nowrap
}

.show-rating.show-stars>span {
	color: #555;
	font-size: 13px;
	line-height: 15px;
	font-weight: 400;
	margin-left: 3px
}

.line-rating .lnk a {
	display: none;
	background: #e4e4e4;
	padding: 4px 8px;
	border-radius: 100px;
	font-weight: 600;
	font-size: 13px;
	margin: -3px 0
}

.line-rating .lnk a:hover {
	background: #d4d4d4;
	text-decoration: none
}

.line-rating:hover .lnk a {
	display: block
}

#meet-seller .line-rating .ur-fdb {
	padding: 0;
	margin: 0 10px
}

.show-rating.show-stars .ur-rate {
	padding: 0;
	margin: 0
}

.show-rating.show-stars .ur-rate>span {
	width: 16px;
	margin: 0 1px 0 0;
	height: 16px;
	background: #fff0;
	text-align: center;
	color: var(--mb-color-secondary)
}

.show-rating.show-stars .ur-rate>span:before {
	content: "\f005";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 14px;
	line-height: 16px
}

.show-rating.show-stars .ur-rate.ur-gray>span,
.show-rating.show-stars .ur-rate.ur-has-cl.ur-gray>span,
.show-rating.show-stars .ur-rate.ur-not-hover>span,
.show-rating.show-stars .ur-rate.ur-select.ur-not-hover>span,
.show-rating.show-stars .ur-rate.ur-not-select>span {
	color: #aaa
}

#item-side .seller-button {
	transition: 0.2s;
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 5px 5px;
	text-align: center;
	margin: -8px 0 16px 0;
	font-weight: 600;
	font-size: 13px;
	color: var(--mb-color2, #2c2c2c);
	background: #fff0;
	display: flex;
	align-items: center;
	justify-content: center
}

#item-side .seller-button:hover {
	background: #fff;
	text-decoration: none;
	border-color: #aaa
}

#item-side .seller-button i {
	margin-right: 4px
}

#item-side .master-button,
#public .master-button {
	transition: 0.2s;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
	background: var(--mb-color-primary);
	color: #fff;
	margin: 0 0 8px 0;
	height: auto;
	padding: 8px;
	text-align: center;
	width: 100%;
	border-radius: 4px
}

#item-side .master-button i {
	margin-right: 1px
}

#public .master-button i {
	margin-right: 5px
}

#item-side .master-button.contact {
	font-size: 16px
}

#item-side .master-button:hover,
#public .master-button:hover {
	text-decoration: none;
	background: var(--mb-color-primary-hover);
	color: #fff
}

#item-side .master-button.white {
	background: var(--mb-color-secondary-lighter);
	border: none;
	color: var(--mb-color3)
}

#item-side .master-button.white:hover {
	background: var(--mb-color-secondary-light);
	color: var(--mb-color0)
}

#item-side .master-button .help {
	margin-left: 12px;
	color: var(--mb-color-secondary-hover)
}

#item-side .master-button.revealed {
	color: var(--mb-color1)
}

#item-side .line-contact {
	padding: 0 0 8px 0;
	margin: 0 0 16px 0;
	border-bottom: 1px solid #d4d4d4
}

#item-side a.manage-button {
	width: 100%;
	padding: 5px;
	text-align: center;
	background: #fff0;
	border: 1px solid var(--mb-color12);
	color: var(--mb-color6);
	margin: 0 0 6px 0;
	border-radius: 4px
}

#item-side a.manage-button:hover {
	background: var(--mb-color13);
	text-decoration: none;
	border-color: var(--mb-color10)
}

#item-side div.sms-payments {
	display: flex;
	padding: 0;
	background: #fff0;
	margin: 0 0 20px 0;
	float: left;
	width: 100%
}

#item-side div.sms-payments a.sp-promote-button,
#item-side div.sms-payments a.sp-movetop-button {
	margin: 0
}

#item-side div.sms-payments a:first-child {
	margin-right: 6px
}

#item-side div.sms-payments a:first-child:last-child {
	margin-right: 0
}

#meet-seller {
	width: 100%;
	display: flex;
	flex-direction: column;
	padding: 0 0 20px 0;
	margin: 8px 0 28px 0;
	border-bottom: 1px solid #ddd
}

#meet-seller h2,
#public h1 {
	position: relative
}

#meet-seller h2>span,
#public h1>span {
	position: relative;
	z-index: 2;
	background: #fff;
	padding: 0 10px 0 0;
	box-shadow: 0 2px 4px #fff
}

#meet-seller h2>.ln,
#public h1>.ln {
	position: absolute;
	width: 100%;
	height: 3px;
	background: #e8e8e8;
	z-index: 1;
	top: 50%;
	border-radius: 3px
}

#meet-seller .wrap {
	display: flex;
	width: 100%;
	min-height: 100px;
	position: relative;
	padding: 0 0 0 120px;
	flex-direction: row;
	align-items: flex-start
}

#meet-seller .wrap img.uimg {
	width: 100px;
	height: 100px;
	border-radius: 200px;
	box-shadow: 0 2px 6px rgb(0 0 0 / .3);
	object-fit: fill;
	position: absolute;
	left: 0;
	top: 0
}

#meet-seller .wrap .info1 {
	width: calc(100% - 200px);
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding-right: 16px
}

#meet-seller .wrap .info2 {
	width: 200px;
	display: flex;
	flex-direction: column;
	align-items: stretch
}

#meet-seller .name1 {
	display: flex;
	align-items: center;
	flex-direction: row
}

#meet-seller .name {
	font-size: 16px;
	line-height: 18px;
	font-weight: 700;
	color: var(--mb-color1)
}

#meet-seller .address {
	margin: 6px 0 0 0
}

#meet-seller .address i {
	margin: 2px 5px 0 0;
	color: var(--mb-color-secondary);
	float: left;
	font-size: 16px
}

#meet-seller .elements {
	display: flex;
	color: var(--mb-color6);
	font-size: 13px;
	line-height: 16px;
	flex-direction: row;
	flex-wrap: wrap;
	margin: 8px 0
}

#meet-seller .elements>* {
	width: calc(50% - 4px);
	margin: 0 4px 4px 0
}

#meet-seller a.phone {
	padding: 3px 8px;
	float: left;
	margin: 0 6px 2px 0;
	border-radius: 5px;
	font-weight: 600;
	background: var(--mb-color-secondary-light);
	color: var(--mb-color-secondary)
}

#meet-seller a.phone:hover {
	text-decoration: none;
	background: var(--mb-color-secondary-lighter);
	color: var(--mb-color-secondary-hover)
}

#meet-seller .wrap .info2 a.btn {
	margin: 0 0 8px 0;
	font-size: 13px;
	line-height: 16px;
	height: auto;
	padding: 5px
}

#meet-seller .wrap .info2 a.btn:hover {
	box-shadow: 0 2px 8px rgb(0 0 0 / .25);
	border-color: silver
}

#item-forms header,
#item-forms footer,
#item-forms #breadcrumbs,
#item-forms #flashbox,
#item-forms #debug-mode,
#item-forms #navi-bar,
#item-forms #showcase-box,
#item-forms section.promo {
	display: none !important
}

#item-forms {
	padding: 0;
	background: #fff
}

#item-forms fieldset,
#item-forms .middle {
	display: flex;
	flex-direction: column;
	align-items: stretch
}

#item-forms .middle {
	max-height: 100%;
	overflow-y: auto;
	padding: 20px 20px 12px 20px
}

#item-forms .subhead {
	display: none
}

#item-forms .row {
	display: flex;
	flex-direction: column;
	align-items: stretch
}

#item-forms .row input,
#item-forms .row textarea {
	width: 100%
}

#item-forms .row textarea {
	height: 116px
}

#item-forms #sendfriend .row textarea {
	height: 96px
}

#item-forms label {
	margin: 0 0 4px 0;
	width: 100%;
	display: inline-block;
	font-size: 13px;
	font-weight: 700;
	line-height: 16px;
	text-transform: uppercase;
	color: var(--mb-color3);
	padding: 0 2px
}

#item-forms .btn {
	margin-top: 20px
}

#item-forms .input-box {
	margin-bottom: 16px
}

#item-forms .input-box.no-margin {
	margin-bottom: 0
}

#item-forms .content form {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	padding: 52px 0 70px 0;
	overflow-y: auto
}

#item-forms .content form .row.buttons {
	position: fixed;
	bottom: 0;
	left: 0;
	height: 70px;
	width: 100%;
	background: #fff;
	z-index: 3;
	padding: 10px 20px 20px 20px
}

#item-forms .content form .row.buttons .btn {
	margin: 0;
	height: 40px;
	padding: 9px
}

#item-forms #scroll-to-top {
	display: none !important
}

#item-forms div.g-recaptcha,
#item-forms div[id^="anr_captcha_field_"] {
	margin: 12px 0 0 0
}

#item-forms br,
#item-forms #showcase-button {
	display: none
}

#item-forms .grecaptcha-badge[data-style="bottomright"] {
	bottom: 84px !important;
	z-index: 9
}

#item-forms .grecaptcha-badge[data-style="bottomleft"] {
	bottom: 84px !important;
	z-index: 9
}

#item-forms .cc_banner-wrapper,
#item-forms #header-admin {
	display: none !important
}

#item-card {
	display: flex;
	flex-direction: row;
	margin: 0 0 16px 0
}

#item-card .img {
	width: 90px;
	min-width: 90px;
	margin-right: 12px
}

#item-card .img img {
	width: 100%;
	height: 80px;
	border-radius: 6px;
	box-shadow: 0 1px 3px rgb(0 0 0 / .2);
	object-fit: cover
}

#item-card .dsc {
	width: 100%;
	font-weight: 600;
	padding: 4px 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start
}

#item-card .dsc strong {
	font-size: 14px;
	max-height: 36px;
	overflow: hidden;
	line-height: 18px;
	margin-bottom: 3px;
	font-weight: 600;
	color: var(--mb-color4)
}

#item-card .dsc div {
	margin: 2px 0 -2px 0;
	padding: 0;
	color: var(--mb-color1);
	font-size: 18px;
	line-height: 20px;
	font-weight: 700
}

#item-card .dsc span {
	margin: 0;
	display: block;
	color: #777;
	font-weight: 400;
	line-height: 18px
}

#item-card.user .dsc {
	justify-content: center
}

#item-card.user .dsc strong {
	margin-bottom: 1px
}

#item-card.user .img {
	width: 64px;
	min-width: 64px
}

#item-card.user .img img {
	width: 100%;
	height: 100%;
	border-radius: 100px;
	box-shadow: 0 1px 2px rgb(0 0 0 / .35)
}

body#search .container.primary {
	padding-bottom: 35px;
	display: flex;
	align-items: stretch;
	justify-content: space-between
}

#search-menu {
	display: none
}

.ssfrm label,
.ssfrm h6,
.ssfrm #atr-search .control-group>label {
	line-height: 16px;
	margin: 0 0 4px 0;
	display: block;
	font-weight: 600;
	width: 100%;
	text-align: left;
	font-size: 14px
}

.ssfrm input[type="checkbox"] {
	float: left;
	clear: both
}

.ssfrm input[type="checkbox"]+label {
	max-width: calc(100% - 24px);
	float: left;
	clear: none
}

.ssfrm input[type="text"],
.ssfrm input[type="number"],
.ssfrm select {
	width: 100%;
	max-width: 100%;
	min-width: initial;
	height: 40px;
	font-size: 15px;
	padding: 8px 10px
}

.ssfrm .price .line {
	display: flex;
	height: 40px;
	margin-bottom: 6px;
	position: relative;
	flex-direction: row;
	justify-content: space-between
}

.ssfrm .price .line input[type="number"] {
	width: 48%;
	outline: none;
	box-shadow: none;
	padding: 8px;
	-moz-appearance: textfield
}

.ssfrm .price .line input::-webkit-outer-spin-button,
.ssfrm .price .line input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0
}

.ssfrm .price .delim {
	width: 1px;
	margin: 5px 4px;
	height: 30px;
	background: #d0d0d0
}

.ssfrm .picker.location.loading:after,
.ssfrm .picker.v2.loading:after {
	background: #f4f4f4
}

.ssfrm .input-box-check {
	margin: 0 0 4px 0
}

.ssfrm .row.buttons {
	display: flex;
	width: 100%;
	position: absolute;
	bottom: 0;
	height: 60px;
	background: #fff;
	padding: 8px 16px 16px 16px;
	z-index: 4
}

.ssfrm .row.buttons .btn {
	white-space: nowrap
}

.ssfrm .row.buttons .btn.btn-white {
	margin-right: 10px
}

.ssfrm #search-button {
	width: auto;
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 19px;
	flex: 1
}

.ssfrm .row.sidebar-hooks,
#side-menu .box.filter .row.sidebar-hooks {
	margin-top: 16px;
	margin-bottom: 8px
}

.ssfrm .row.sidebar-hooks {
	z-index: 2
}

.ssfrm .row.sidebar-hooks:empty {
	display: none
}

#side-menu .box .section a {
	font-weight: 400
}

.ssfrm .sidebar-hooks .row {
	margin: 0 0 12px 0;
	display: inline-block;
	width: 100%
}

.ssfrm .sidebar-hooks .row.radio>label {
	float: left;
	clear: both;
	margin: 0 0 5px 0;
	line-height: 18px;
	font-weight: 400
}

.ssfrm .sidebar-hooks .row.checkbox>label {
	margin-top: 1px
}

.ssfrm .sidebar-hooks .row.radio>label>input[type="radio"] {
	float: left;
	clear: both;
	margin: 0 4px 0 0
}

.ssfrm .sidebar-hooks input[type="radio"] {
	max-width: 18px;
	float: left;
	clear: both;
	margin: 0 4px 5px 0
}

.ssfrm .sidebar-hooks input[type="radio"]+label {
	max-width: calc(100% - 26px);
	margin: 0;
	line-height: 18px;
	float: left;
	font-weight: 400
}

.ssfrm .sidebar-hooks br {
	display: none
}

.ssfrm .sidebar-hooks h3 {
	margin: 0 0 2px 0;
	font-size: 16px
}

.ssfrm .sidebar-hooks>:last-child,
.ssfrm .sidebar-hooks>:last-child>:last-child {
	margin-bottom: 0 !important
}

.ssfrm .sidebar-hooks .rad_search_box {
	float: none;
	display: inline-block;
	width: 100%
}

.ssfrm .sidebar-hooks #atr-search .control-group {
	margin-bottom: 12px
}

.ssfrm .sidebar-hooks #atr-search ul.atr-ul li {
	width: 100%;
	margin: 0 0 3px 0
}

.ssfrm .price {
	margin-bottom: 14px
}

.ssfrm .price .input-box-check {
	margin-bottom: 1px
}

.ssfrm .price .input-box-check label {
	font-size: 13px;
	line-height: 14px;
	padding: 0 0 0 18px !important
}

.ssfrm .price .input-box-check label:before {
	width: 14px;
	height: 14px
}

.ssfrm .price .input-box-check label:after {
	width: 14px;
	height: 14px;
	line-height: 14px;
	font-size: 9px
}

.ssfrm #atr-search {
	margin: 0
}

.ssfrm .product-attributes tr td {
	padding: 0 0 12px 0
}

.ssfrm .product-attributes tr:last-child td {
	padding: 0
}

.ssfrm table {
	border-spacing: 0
}

.ssfrm>.wrap {
	padding: 20px 20px 24px 20px
}

.ssfrm:after {
	display: none;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: rgb(255 255 255 / .6);
	z-index: 3;
	cursor: wait
}

.ssfrm.loading:after {
	display: block
}

.ssfrm a.open-category-box {
	min-width: 120px;
	display: inline-block;
	clear: both;
	margin-top: 3px;
	color: var(--mb-color-primary)
}

.ssfrm .row {
	position: relative
}

.ssfrm .row.kw {
	z-index: 5
}

.ssfrm .row.ct {
	z-index: 3
}

.ssfrm .row.lc {
	z-index: 4
}

.ssfrm .row.lc.opened {
	z-index: 6;
	position: absolute;
	top: 0;
	margin: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff;
	z-index: 8;
	padding: 20px
}

.ssfrm .row.lc.opened>label {
	display: none
}

.ssfrm .row.lc.opened .picker.location {
	height: 100%;
	margin: 0
}

.ssfrm .row.lc.opened .picker.location .results {
	display: block !important;
	box-shadow: none;
	max-height: unset;
	position: absolute;
	top: 44px;
	bottom: 0;
	height: auto;
	margin: 0 -20px;
	width: calc(100% + 40px);
	padding: 2px;
	left: 0;
	right: auto
}

.ssfrm .row.lc.opened .picker.location svg.icon,
.ssfrm .row.lc.opened .picker .clean {
	top: 4px
}

#search-main {
	width: calc(100% - 204px);
	position: relative
}

#search-main:not(:has(+#search-side-banner)) {
	width: 100%
}

#search-main h1 {
	font-size: 24px;
	font-weight: 600;
	margin: 0 0 4px 0;
	width: 100%
}

#search-main .hdesc {
	font-size: 14px;
	color: var(--mb-color4);
	line-height: 20px;
	margin: 0 0 20px 0;
	display: block;
	width: 100%
}

#search-main:after {
	display: none;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: rgb(255 255 255 / .6);
	z-index: 5;
	cursor: wait
}

#search-main.loading:after {
	display: block
}

#filters-remove {
	margin: 12px 0 16px 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start
}

#filters-remove a {
	padding: 7px 30px 7px 8px;
	margin: 0 6px 6px 0;
	max-width: 180px;
	height: 32px;
	font-weight: 400;
	line-height: 17px;
	font-size: 14px;
	background: #f0f0f0;
	color: var(--mb-color2, #2c2c2c);
	border-radius: 4px;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: break-word
}

#filters-remove a[data-type="checkbox"] {
	max-width: 220px
}

#filters-remove a:after {
	transition: 0.2s;
	color: var(--mb-color4);
	font-weight: 900;
	content: "\f00d";
	font-family: "Font Awesome 5 Free";
	position: absolute;
	right: 4px;
	top: 4px;
	width: 22px;
	text-align: center;
	height: 22px;
	line-height: 24px;
	font-size: 14px
}

#filters-remove a:hover {
	text-decoration: line-through;
	box-shadow: 0 0 0 1px var(--mb-color9)
}

#filters-remove a:hover:after {
	color: var(--mb-color2, #2c2c2c)
}

#filters-remove a.remove-all {
	background: #fff;
	box-shadow: none;
	padding-right: 10px;
	margin-right: 12px;
	font-weight: 600
}

#filters-remove a.remove-all i {
	font-size: 16px;
	margin: 0 4px 0 0
}

#filters-remove a.remove-all:hover {
	background: #e4e4e4;
	text-decoration: none
}

#filters-remove a.remove-all:after {
	display: none
}

#filters-remove a>em {
	display: none;
	font-style: normal
}

#filters-remove a[data-type="checkbox"]>em {
	display: inline;
	letter-spacing: -.3px
}

#search-side-banner {
	width: 180px;
	position: sticky;
	top: 76px;
	height: 660px;
	padding: 10px;
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-direction: column;
}

#search-side-banner:empty {
	display: none
}

#search-side-banner .lab {
	width: 100%;
	margin: 0 0 2px 0
}

#search-items .products.list .simple-prod {
	width: 100%
}

#search-items .products.list .simple-prod:first-child {
	border-top: 1px solid #ddd
}

#search-items .products.grid.with-border .simple-prod {
	border-radius: 0
}

#search-items .simple-prod .marks {
	top: 3px;
	bottom: auto
}

#search-items .list-empty {
	font-size: 15px;
	line-height: 20px;
	margin: 30px 0;
	padding: 18px 20px;
	background: #f0f0f0;
	border-radius: 4px
}

#search-items .list-empty .titles {
	font-size: 17px;
	margin: 0 0 12px 0;
	font-weight: 700;
	display: block
}

#search-items .list-empty .row {
	margin: 0 0 4px 0
}

#search-items .list-empty .tips .row.last {
	font-weight: 600;
	margin: 20px 0 0 0
}

#search-items .list-empty .tips a {
	font-weight: 600;
	color: var(--mb-color-primary)
}

#search-items .list-empty .tips i {
	font-size: 6px;
	line-height: 22px;
	float: left;
	margin: 0 6px 0 1px
}

#search-items .simple-prod.day-offer .simple-wrap,
#latest-items .simple-prod.day-offer .simple-wrap,
#related-items .simple-prod.day-offer .simple-wrap {
	background-color: #bef1ef
}

.simple-prod.day-offer .simple-wrap {
	box-shadow: 0 0 0 2px var(--mb-color-primary)
}

.ajax-load-failed.flashmessage {
	width: 100%;
	margin: 8px 0 12px 0;
	padding: 12px 12px;
	display: flex;
	justify-content: space-between;
	align-items: center
}

.ajax-load-failed.flashmessage>p {
	font-size: 14px;
	line-height: 18px;
	margin-right: 15px
}

.ajax-load-failed .btn.mini {
	background: rgb(255 255 255 / .15);
	white-space: nowrap;
	margin-left: 8px;
	text-decoration: none
}

.ajax-load-failed .btn.mini:hover {
	background: rgb(255 255 255 / .1);
	text-decoration: none
}

#search-quick-bar .view-type {
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	flex-direction: row
}

#search-quick-bar .view-type a {
	transition: 0.2s;
	color: var(--mb-color8);
	border-radius: 5px;
	font-weight: 400;
	height: 36px;
	margin: 2px 0;
	padding: 8px 6px;
	line-height: 16px;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	white-space: nowrap;
	min-width: 36px;
	text-align: center
}

#search-quick-bar .view-type a svg {
	transition: 0.2s;
	margin: 0 auto;
	width: auto;
	height: 20px;
	color: #acacac;
	width: auto;
	display: inline-block
}

#search-quick-bar .view-type a span {
	display: none
}

#search-quick-bar .view-type a:hover {
	background: #f0f0f0;
	text-decoration: none
}

#search-quick-bar .view-type a:hover svg {
	fill: var(--mb-color2, #2c2c2c)
}

#search-quick-bar .view-type a.active svg {
	color: #000
}

#search-cat {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
	margin: 0 0 8px 0
}

#search-cat h2 {
	font-size: 15px;
	margin: 0 0 4px 0
}

#search-cat .cat-list {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	padding: 4px 0 0 0;
	align-items: stretch;
	overflow-x: auto;
	max-width: 100%
}

#search-cat .cat-list a {
	width: auto;
	min-width: 80px;
	max-width: 124px;
	height: 84px;
	z-index: 1;
	background: #fff;
	border-radius: 8px;
	border: 1px solid #d4d4d4;
	display: flex;
	margin: 0 6px 6px 0;
	padding: 4px 5px;
	position: relative;
	align-items: center;
	flex-direction: column
}

#search-cat .cat-list a:hover {
	box-shadow: 0 3px 8px rgb(0 0 0 / .25);
	z-index: 2;
	border-color: var(--mb-color-primary);
	background: #fff;
	text-decoration: none
}

#search-cat .cat-list a.active {
	border-color: var(--mb-color-primary);
	box-shadow: 0 0 0 1px var(--mb-color-primary);
	background: #fff
}

#search-cat .cat-list a.active .name {
	font-weight: 600
}

#search-cat .cat-list a.show-more {
	width: 84px
}

#search-cat .cat-list a.show-more .icon i {
	line-height: 38px;
	font-size: 26px;
	color: var(--mb-color7)
}

#search-cat .cat-list a.show-more .name {
	font-weight: 600
}

#search-cat .cat-list a.hide {
	display: none;
	transition: unset
}

#search-cat .cat-list a.serv {
	border-radius: 0;
	margin-right: -1px;
	margin-left: 0
}

#search-cat .cat-list a.serv:not(:has(+.serv)) {
	border-radius: 0 5px 5px 0
}

#search-cat .cat-list a.serv .name {
	font-weight: 600
}

#search-cat .cat-list a.all {
	width: 84px;
	border-radius: 5px 0 0 5px;
	margin-right: -1px;
	margin-left: 0
}

#search-cat .cat-list a.all .icon i,
#search-cat .cat-list a.all .icon svg {
	color: var(--mb-color5);
	fill: var(--mb-color5)
}

#search-cat .cat-list a.all .name {
	font-weight: 600
}

#search-cat .cat-list a .name {
	font-weight: 400;
	letter-spacing: -.2px;
	position: relative;
	z-index: 3;
	color: var(--mb-color1);
	font-size: 13px;
	line-height: 14px;
	height: 29px;
	word-break: break-word;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center
}

#search-cat .cat-list a .count {
	font-style: normal;
	position: absolute;
	min-width: 16px;
	height: 16px;
	font-size: 11px;
	line-height: 14px;
	font-weight: 400;
	text-align: center;
	right: -3px;
	background: var(--mb-color-secondary);
	color: #fff;
	border-radius: 6px;
	top: -4px;
	padding: 1px 3px;
	box-shadow: 0 1px 3px rgb(0 0 0 / .2)
}

#search-cat .cat-list a.serv:has(+.serv) .count,
#search-cat .cat-list a.all .count {
	right: 3px
}

#search-cat .cat-list a .name>span {
	max-height: 29px;
	min-height: 15px;
	overflow: hidden;
	display: inline-block
}

#search-cat .cat-list a .icon {
	width: auto;
	margin: 7px 0 4px 0
}

#search-cat .cat-list a .icon img,
#search-cat .cat-list a .icon svg,
#search-cat .cat-list a .icon i {
	width: auto;
	height: 34px;
	font-size: 24px;
	line-height: 34px;
	text-align: center;
	color: var(--mb-color4)
}

#search-cat .cat-list a .icon img,
#search-cat .cat-list a .icon svg {
	padding: 2px
}

#search-cat .cat-list>.del {
	margin: 0 14px 6px 14px;
	padding: 10px 0;
	display: flex;
	align-items: stretch;
	justify-content: center
}

#search-cat .cat-list>.del>span {
	display: block;
	width: 2px;
	border-radius: 100px;
	background: #d6d6d6
}

.cat-box {
	position: absolute;
	left: 1px;
	top: 0;
	right: 1px;
	bottom: 0;
	background: #fff;
	z-index: 6;
	display: none
}

.cat-box .cat-one {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 60px;
	background: #fff;
	display: none;
	padding: 14px 10px;
	overflow-y: auto !important
}

.cat-box .cat-one[data-id="0"] {
	display: block
}

.cat-box .cat-one a {
	width: 100%;
	display: block;
	float: left;
	clear: both;
	border-radius: 6px;
	padding: 10px 40px 10px 10px;
	position: relative;
	height: 50px;
	display: flex;
	font-size: 16px;
	line-height: 20px;
	color: var(--mb-color2, #2c2c2c);
	flex-direction: row;
	justify-content: flex-start;
	align-items: center
}

.cat-box .cat-one a:hover {
	text-decoration: none;
	background: #f0f0f0
}

.cat-box .cat-one a.all-cat {
	font-weight: 600;
	background: #f0f0f0
}

.cat-box .cat-one a.all-cat i {
	fill: var(--mb-color5);
	font-size: 16px;
	text-indent: 2px
}

.cat-box .cat-one a.all-cat:hover {
	background: #e4e4e4
}

.cat-box .cat-one a i,
.cat-box .cat-one a img,
.cat-box .cat-one a svg {
	width: 26px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	font-size: 20px;
	margin: 0 12px 0 0
}

.cat-box .cat-one a svg {
	fill: var(--mb-color5);
	padding: 2px
}

.cat-box .cat-one a.has-subcat:after {
	font-family: "Font Awesome 5 Free";
	content: "\f105";
	position: absolute;
	right: 12px;
	top: calc(50% - 10px);
	font-size: 16px;
	transition: 0.2s;
	line-height: 20px;
	width: 20px;
	text-align: center;
	color: #acacac;
	font-weight: 900
}

.cat-box .cat-one a:hover:after {
	right: 8px;
	color: var(--mb-color7)
}

.cat-box .cat-one a span {
	display: inline-block;
	max-height: 41px;
	min-height: 21px;
	overflow: hidden;
	text-overflow: ellipsis
}

.cat-box .cat-one a em {
	font-style: normal;
	color: var(--mb-color7);
	margin: 0 5px;
	font-size: 14px
}

.cat-box .cat-foot {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	height: 60px;
	background: #fff;
	padding: 8px 16px 16px 16px;
	display: flex
}

.cat-box .cat-foot .btn {
	width: auto;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.cat-box .cat-foot .btn.close-category-box {
	margin-right: 8px
}

.cat-box .cat-foot .btn.confirm-category-box {
	flex: 1
}

#search-quick-bar .sort-type {
	position: relative
}

#search-quick-bar .simple-sort {
	width: auto
}

#search-quick-bar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	flex-direction: row;
	justify-content: space-between;
	margin: 16px 0;
	padding: 16px 0 0 0;
	border-top: 1px solid #ddd
}

#search-premium-items+#search-quick-bar {
	padding: 0;
	border-top: none
}

#search-alert {
	display: inline-block;
	width: 100%;
	margin: 0 0 20px 0
}

#search-alert .open-alert-box {
	transition: 0.2s;
	margin: 0;
	display: inline-flex;
	flex-wrap: nowrap;
	align-items: center;
	white-space: nowrap;
	position: relative;
	padding: 9px 14px;
	border: 1px solid var(--mb-color-secondary);
	background: var(--mb-color-secondary-lighter);
	color: var(--mb-color3);
	border-radius: 6px;
	width: auto;
	font-size: 15px;
	line-height: 18px;
	font-weight: 600;
	text-decoration: none
}

#search-alert .open-alert-box:hover {
	color: var(--mb-color1);
	border-color: var(--mb-color-secondary-hover);
	background: #fff
}

#search-alert .open-alert-box i.fa-bell {
	color: var(--mb-color1);
	font-size: 18px;
	margin: 0 7px 0 0
}

#search-alert .open-alert-box.active i.fa-bell {
	color: var(--mb-color-secondary)
}

#search-alert .open-alert-box .active-badge {
	width: 14px;
	height: 14px;
	text-align: center;
	line-height: 14px;
	background: #171717;
	color: #fff;
	position: absolute;
	top: 3px;
	left: 21px;
	font-size: 7px;
	border-radius: 100px
}

#alert-form {
	padding: 30px;
	position: relative
}

#alert-form.loading:after {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	position: absolute;
	background: rgb(255 255 255 / .65);
	cursor: wait;
	content: "";
	display: block
}

#alert-form .text {
	margin: 0 0 20px 0
}

#alert-form .line a {
	text-decoration: none;
	font-weight: 600;
	color: var(--mb-color-secondary)
}

#alert-form .line a:hover {
	text-decoration: underline;
	color: var(--mb-color-secondary-hover)
}

#alert-form .inputs {
	display: flex;
	width: 100%;
	flex-wrap: nowrap;
	flex-direction: row;
	margin: 0 0 20px 0
}

#alert-form .inputs input[name="alert_email"] {
	margin: 0 8px 0 0;
	width: 260px
}

#alert-form .inputs .btn {
	margin: 0;
	white-space: nowrap;
	padding: 10px;
	height: auto
}

#alert-form .response {
	display: none;
	border-left: 4px solid;
	border-radius: 3px;
	padding: 10px 12px;
	margin: 0 0 22px 0;
	font-size: 15px;
	line-height: 1.2;
	background: #f0f0f0;
	box-shadow: 0 1px 2px rgb(0 0 0 / 25%)
}

#alert-form .response.ok {
	border-color: #11c55c
}

#alert-form .response.duplicate {
	border-color: #4b39e9
}

#alert-form .response.error {
	border-color: #e72b2b
}

#zetModal.report .wrap>.line:first-child {
	margin-bottom: 20px
}

.report .text {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin: 0;
	margin: -4px 0 26px 0
}

.report .text a {
	margin: 0 0 8px 0;
	width: 100%
}

.report .text>.line {
	font-style: italic;
	font-size: 16px
}

#filter-line {
	display: flex;
	width: 100%;
	position: relative;
	flex-direction: row;
	margin: 0 0 0 0
}

#filter-line .filter-list {
	display: flex;
	width: 100%;
	position: relative;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: stretch;
	max-width: 100%;
	padding: 4px 0 0 0
}

#filter-line .filter-list>a,
#filter-line .simple-select .text,
#filter-line .filter-list>select,
#search-quick-bar .simple-sort .text {
	transition: 0.2s;
	font-size: 15px;
	font-weight: 400;
	display: flex;
	justify-content: space-between;
	min-width: 80px;
	background: #fff;
	align-items: center;
	height: 36px;
	margin: 0;
	border: 1px solid #b4b4b4;
	color: var(--mb-color2, #2c2c2c);
	line-height: 18px;
	border-radius: 100px;
	padding: 6px 14px;
	position: relative;
	min-width: min-content
}

#filter-line .simple-select .text {
	padding-right: 28px
}

#filter-line .simple-select .text>span {
	max-width: 180px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block
}

#filter-line .filter-list>a:hover,
#filter-line .simple-select .text:hover,
#filter-line .simple-select:hover .text,
#filter-line .filter-list>select:hover,
#filter-line .simple-select.opened .text,
#search-quick-bar .simple-sort:hover .text,
#search-quick-bar .simple-sort.opened .text {
	text-decoration: none;
	border-color: var(--mb-color4)
}

#search-quick-bar .simple-sort .option:hover {
	text-decoration: none
}

#filter-line .simple-select,
#filter-line .filter-list>select {
	margin: 0 6px 6px 0;
	width: auto
}

#filter-line .filter-list>select {
	max-width: 150px;
	min-width: auto;
	text-overflow: ellipsis
}

#filter-line .simple-select.active .text,
#filter-line .filter-list>select:not(.sCompany):has(>option:checked:not([value=""]):not([value="0"])),
#filter-line .filter-list>select.sCompany:has(>option:checked:not([value=""])) {
	border-color: var(--mb-color-secondary);
	background: var(--mb-color-secondary-lighter);
	color: #000
}

#filter-line .simple-select .list {
	min-width: 180px;
	max-width: 100%;
	margin-top: 6px
}

#filter-line .simple-select .option.info {
	display: block !important;
	border-bottom: 1px solid #ccc;
	font-weight: 700;
	color: var(--mb-color0);
	cursor: default
}

#filter-line .simple-select.simple-cat .list {
	min-width: 280px
}

#filter-line .simple-select.simple-price-min-max .list {
	min-width: 280px
}

#filter-line .simple-select.simple-pattern .list {
	min-width: 240px
}

#filter-line .simple-select.simple-location .list {
	min-width: 300px;
	height: 380px;
	max-height: 380px
}

#filter-line .simple-select.simple-location .results {
	display: block !important;
	box-shadow: none;
	height: 270px;
	margin: 0;
	padding: 0
}

#filter-line .simple-select.simple-location .results .lead {
	float: left;
	clear: both;
	padding: 0 10px;
	margin: 0 0 2px 0
}

#filter-line .simple-select.simple-location .results .row {
	float: left;
	clear: both;
	width: 100%;
	margin: 10px 0 0 0;
	display: block !important
}

#filter-line .simple-select.simple-location .results .row.minlength {
	display: none !important
}

#filter-line .simple-select.simple-location .results .option {
	padding: 10px 10px 10px 34px;
	font-size: 14px;
	line-height: 16px
}

#filter-line .simple-select.simple-location .results .option:after {
	display: none
}

#filter-line .simple-select.simple-location .results .option svg {
	display: none
}

#filter-line .filter-list>a {
	margin: 0 6px 6px 0;
	font-weight: 600
}

#filter-line .filter-list>a>span {
	display: inline-block;
	white-space: nowrap
}

#filter-line .filter-list>a svg {
	min-width: 16px;
	width: 16px;
	height: 16px;
	margin: 0 6px 0 0;
	fill: var(--mb-color2, #2c2c2c)
}

#filter-line .simple-select .text>.caret,
#search-quick-bar .simple-sort .text>.caret {
	width: 12px;
	height: 16px;
	margin: 0 -2px 0 8px;
	fill: var(--mb-color7);
	transition: 0.2s
}

#filter-line .simple-select.opened .text>.caret,
#search-quick-bar .simple-sort.opened .text>.caret {
	transform: scaleY(-1)
}

#filter-line .simple-select .text>.caret {
	margin: 0;
	right: 10px
}

#filter-line .counter {
	position: absolute;
	right: -2px;
	top: -3px;
	font-style: normal;
	border-radius: 5px;
	min-width: 16px;
	height: 16px;
	text-align: center;
	padding: 1px 2px;
	line-height: 14px;
	font-size: 11px;
	background: var(--mb-color-secondary);
	color: #fff
}

#filter-line .del {
	margin: 0 12px 5px 6px;
	padding: 4px 0;
	width: 1px;
	display: flex;
	line-height: 20px;
	height: 36px
}

#filter-line .del:last-child {
	display: none
}

#filter-line .del span {
	width: 1px;
	background: #d4d4d4
}

#filter-line+#search-premium-items {
	margin-top: 4px
}

#search-quick-bar .simple-sort .text {
	border-radius: 6px;
	padding-right: 28px
}

#search-quick-bar .simple-sort .text>span {
	margin-right: 4px
}

#search-quick-bar .simple-sort .text>strong {
	font-weight: 600
}

#search-quick-bar .simple-sort .text>.caret {
	right: 8px;
	margin: 0
}

#search-premium-items {
	margin: 16px 0 20px 0;
	padding: 20px 0 0 0;
	border-top: 1px solid #ddd
}

#search-premium-items h2 {
	margin: 0 0 6px 0;
	font-size: 15px
}

#search-premium-items .products {
	position: relative;
	background: #f0f0f0;
	border-radius: 4px;
	padding: 6px 6px;
	margin: 0;
	width: 100%
}

#search-premium-items .simple-prod {
	width: 280px;
	margin: 0 1px 0 0;
	border-radius: 0;
	box-shadow: 1px 0 0 0 #ddd
}

#search-premium-items .simple-prod:has(+.simple-prod.placeholder) {
	box-shadow: none;
	margin-right: 12px
}

#search-premium-items .simple-prod:hover {
	box-shadow: none;
	background: #fff
}

#search-premium-items .simple-prod:has(+.simple-prod:hover) {
	box-shadow: none
}

#search-premium-items .simple-prod:last-child {
	margin: 0;
	box-shadow: none
}

#search-premium-items .simple-prod .title {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 16px;
	margin: 0
}

#search-premium-items .simple-prod .extra,
#search-premium-items .simple-prod .labels {
	display: none
}

.simple-prod.placeholder,
#search-premium-items .simple-prod.placeholder {
	margin: 0 0 0 auto;
	width: 190px;
	border-radius: 12px
}

.simple-prod.placeholder .simple-wrap,
#search-premium-items .simple-prod.placeholder .simple-wrap {
	padding: 10px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 0 0 1px var(--mb-color-secondary) inset;
	background: var(--mb-color-secondary-lighter);
	border-radius: 12px
}

.simple-prod.placeholder:hover,
#search-premium-items .simple-prod.placeholder:hover {
	text-decoration: none
}

.simple-prod.placeholder:hover .simple-wrap,
#search-premium-items .simple-prod.placeholder:hover .simple-wrap {
	box-shadow: 0 0 0 2px var(--mb-color-secondary) inset;
	text-decoration: none
}

.simple-prod.placeholder .simple-wrap .dx {
	display: flex;
	flex-direction: column;
	align-items: center
}

.simple-prod.placeholder .simple-wrap .dx svg {
	margin: 0 0 16px 0;
	fill: var(--mb-color-secondary-hover);
	width: 56px;
	height: 56px
}

.simple-prod.placeholder .simple-wrap .dx strong {
	font-weight: 700;
	font-size: 16px;
	color: var(--mb-color0)
}

.simple-prod.placeholder .simple-wrap .dx span {
	font-weight: 400;
	font-size: 14px;
	color: var(--mb-color4)
}

#latest-search {
	display: inline-block;
	width: 100%;
	margin: 30px 0 0 0;
	padding: 24px 0 0 0;
	border-top: 2px dotted #ddd
}

#latest-search h3 {
	font-size: 15px;
	margin: 0 0 8px 0
}

#latest-search .wrap {
	display: inline-block;
	width: 100%
}

#latest-search a {
	float: left;
	font-size: 15px;
	line-height: 1.2;
	font-weight: 400;
	padding: 6px 12px;
	background: #e4e4e4;
	margin: 0 5px 5px 0;
	border-radius: 100px;
	color: var(--mb-color2, #2c2c2c);
	max-width: 200px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

#latest-search a:hover {
	background: #f4f4f4;
	text-decoration: none
}

body #fi_message .fi_simple {
	width: auto;
	max-width: 100%;
	margin-bottom: 7px;
	background: #fff;
	border: none;
	box-shadow: 0 1px 5px rgb(0 0 0 / .25);
	border-radius: 5px;
	border-top-right-radius: 0;
	padding: 10px;
	font-size: 13px;
	opacity: 1
}

body #fi_message {
	width: 220px;
	top: 15px;
	right: 15px
}

#body-user-custom.body-ua.plugin-favorite_items #main .inside {
	padding: 0;
	background: #fff0;
	box-shadow: none
}

body #main .fi_user_menu_wrap h2.r1 {
	width: 100%;
	float: left;
	margin: 0;
	border: none;
	padding-bottom: 0
}

body #fi_list_items h2.r3 {
	width: 100%;
	float: left;
	margin: 0 1% 12px 1%;
	font-family: inherit;
	font-weight: 700;
	font-size: 18px;
	line-height: 22px;
	color: #111;
	border: none
}

body #fi_list_items h2.r3 a {
	color: #111;
	text-decoration: none;
	text-transform: none
}

body #fi_user_new_list {
	font-size: 14px;
	padding: 16px;
	border-radius: 3px;
	border: 1px solid rgb(0 0 0 / .1);
	background: #f0f0f0;
	margin: 10px 0 20px 0
}

body #fi_user_new_list .fi_new_name {
	float: left;
	padding: 8px;
	height: 36px;
	border-radius: 4px;
	font-size: 14px;
	width: 43%;
	margin-right: 2%
}

body #fi_user_new_list .fi_check.first,
body #fi_user_new_list .fi_check {
	float: left;
	width: 20%;
	padding-right: 20px;
	margin: 0
}

#fi_user_new_list .fi_title {
	display: block !important;
	float: left;
	clear: both;
	width: 100%;
	margin: 0 0 5px 0;
	font-size: 13px;
	color: #111
}

b !ody #fi_user_new_list button.btn {
	font-weight: 600;
	font-size: 14px;
	height: 36px;
	padding: 8px 15px;
	line-height: 18px;
	border-radius: 4px;
	width: 15%;
	text-align: center
}

body #fi_user_new_list .fi_check label {
	font-size: 13px
}

body #fi_list_items.fi_user_menu .fi_tool {
	position: absolute;
	right: 10px;
	bottom: 8px;
	width: auto;
	z-index: 9
}

body #fi_list_items.fi_user_menu .fi_tool span {
	color: #666;
	font-size: 15px;
	width: 32px;
	height: 32px;
	padding: 8px;
	text-align: center;
	border-radius: 4px;
	background: #fff0;
	transition: 0.1s
}

body #fi_list_items.fi_user_menu .fi_tool span:hover {
	color: #333;
	background: #eee
}

body #fi_list_items.fi_user_menu .fi_tool span:before {
	line-height: 16px
}

body #fi_list_items.fi_user_menu .fi_item {
	border: 1px solid #fff0;
	border-radius: 3px;
	background: #fff0;
	line-height: 16px;
	font-size: 13px;
	box-shadow: 0 0 0 1px rgb(0 0 0 / .15);
	padding: 0
}

body #fi_list_items .fi_left a {
	float: left;
	width: 100%;
	position: relative;
	margin: 0;
	overflow: hidden;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-bottom: 1px solid #eee
}

body #fi_list_items .fi_left img {
	background-size: cover;
	width: 100%;
	max-height: 100%;
	max-width: 100%;
	transition: 0.2s;
	overflow: hidden;
	background-position: center center
}

body #fi_list_items.fi_user_menu .fi_right {
	text-align: left;
	float: left;
	width: 100%;
	padding: 14px 2px;
	margin: 0;
	z-index: 3;
	position: relative;
	background: #fff;
	border-radius: 0;
	border-top: 1px solid #ddd
}

body #fi_list_items .fi_left a,
body #fi_list_items .fi_left a:hover {
	border: none
}

body #fi_list_items.fi_user_menu .fi_left {
	margin: 0
}

body #fi_list_items.fi_user_menu .fi_right a {
	float: left;
	text-align: left;
	font-size: 14px;
	clear: both;
	font-weight: 400;
	color: #363433;
	margin: 0 0 8px 0;
	padding: 0;
	height: 19px;
	white-space: nowrap;
	width: 100%;
	overflow: hidden;
	word-break: break-all;
	text-overflow: ellipsis
}

body #fi_list_items.fi_user_menu .fi_right a:hover {
	color: #363433;
	text-decoration: underline
}

body #fi_list_items .fi_right .fi_top,
body #fi_list_items .fi_right .fi_bottom {
	max-width: 100%;
	float: left;
	clear: both;
	font-weight: bolder;
	color: #000;
	margin: 0;
	padding: 0 5px 0 10px;
	position: relative;
	font-size: 17px;
	line-height: 20px
}

.fi_check>span {
	float: left;
	width: 100%;
	clear: both;
	margin: 3px 0
}

.fi_check>span input[type="checkbox"] {
	opacity: .01;
	position: absolute;
	z-index: 1;
	overflow: hidden;
	background: #fff0;
	padding: 0 !important;
	width: 1px !important;
	height: 1px !important;
	margin: 0 !important;
	box-shadow: none !important
}

.fi_check>span label {
	cursor: pointer;
	position: relative;
	float: left;
	padding: 2px 0 0 26px !important;
	line-height: 16px;
	font-size: 13px;
	width: auto;
	clear: both;
	font-weight: 400
}

.fi_check>span label:hover {
	text-decoration: underline
}

.fi_check>span label:before {
	cursor: pointer;
	content: "";
	width: 18px;
	height: 18px;
	border: 1px solid rgb(0 0 0 / .3);
	font-weight: 500;
	text-shadow: none;
	position: absolute;
	top: 0;
	left: 0;
	text-shadow: none;
	box-shadow: 0 1px 1px rgb(0 0 0 / .06);
	border-radius: 3px;
	transition: 0.1s
}

.fi_check>span label:hover:before {
	border-color: #aaa
}

.fi_check>span label:after {
	cursor: pointer;
	text-indent: 1px;
	font-family: "Font Awesome 5 Free";
	content: "\f00c";
	color: #fff0;
	font-size: 11px;
	width: 18px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	font-weight: 900;
	text-shadow: none;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 5px;
	transition: 0.1s
}

.fi_check>span input[type="checkbox"]:checked+label:after {
	color: #000
}

body .fi_user_menu_wrap h2.r2 {
	display: none
}

body #fi_user_lists .fi_list.fi_head {
	border: none;
	background: #f0f0f0;
	text-transform: none;
	font-weight: 700;
	color: var(--mb-color2, #2c2c2c);
	font-size: 13px;
	border: none;
	border-bottom: 1px solid var(--mb-color-primary);
	padding: 10px 10px;
	margin: 0;
	white-space: nowrap
}

body #fi_user_lists .fi_list.fi_head .fi_count,
body #fi_user_lists .fi_list.fi_head .fi_user_list_remove {
	color: inherit
}

body #fi_user_lists .fi_name a:hover {
	color: #111;
	text-decoration: underline
}

body #fi_user_lists .fi_list:not(.fi_head) {
	padding: 10px 10px;
	margin: 0 0 5px 0;
	background: #fff;
	border-bottom: 1px solid #ccc
}

body #fi_user_lists .fi_user_list_remove a {
	color: #666
}

body #fi_user_lists .fi_user_list_remove a:hover {
	color: #111
}

body #fi_user_lists {
	margin: 15px 0
}

body .fi_current a,
body .fi_notification a,
body .fi_user_list_remove a {
	display: inline-block;
	width: 32px;
	height: 32px;
	text-align: center;
	padding: 8px;
	margin: -8px 0;
	border-radius: 5px;
	background: #f9f9f9;
	transition: 0.1s
}

body .fi_current a i,
body .fi_notification a i,
body .fi_user_list_remove a i {
	line-height: 16px;
	transition: 0.1s
}

body .fi_current a:hover,
body .fi_notification a:hover,
body .fi_user_list_remove a:hover {
	background: #eee
}

body #fi_user_lists .fi_explain {
	margin-top: 10px;
	font-size: 12px;
	line-height: 15px;
	color: #777
}

body #fi_user_lists .fi_explain>div {
	margin-bottom: 6px
}

body #fi_user_lists .fi_explain sup {
	color: #888;
	width: auto;
	margin-right: 4px
}

body #fi_user_lists .fi_current.fi_active .fa-check {
	color: var(--mb-color-primary)
}

body #fi_list_items .fi_tool span {
	font-family: "Font Awesome 5 Free"
}

body #fi_list_items .fi_tool span:before {
	content: "\f1f8";
	font-weight: 900
}

body.body-ua {
	background: #fff
}

.body-ua .container.primary {
	margin-top: 10px;
	margin-bottom: 35px;
	align-items: flex-start;
	justify-content: space-between;
	flex-direction: row
}

.body-ua .content.no-breadcrumbs {
	padding-top: 20px
}

#user-menu {
	width: 200px;
	margin-left: -10px;
	position: sticky;
	top: 60px;
	margin-bottom: 20px
}

#user-main {
	width: calc(100% - 220px);
	min-height: calc(100vh - 508px)
}

#user-menu a {
	position: relative;
	transition: 0.2s;
	line-height: 1.2;
	display: block;
	margin: 0 0 3px 0;
	font-size: 14px;
	padding: 6px 8px;
	border-left: 3px solid #fff0;
	font-weight: 400;
	color: var(--mb-color2, #2c2c2c)
}

#user-menu a:not(.logout):not(.active):hover {
	text-decoration: none;
	color: var(--mb-color0);
	background: #f0f0f0;
	border-radius: 4px;
	border-left-color: silver
}

#user-menu a.active {
	text-decoration: none;
	font-weight: 600;
	color: var(--mb-color0)
}

#user-menu a.public .ext {
	top: calc(50% - 10px);
	right: 7px;
	position: absolute;
	height: 20px;
	text-align: center;
	line-height: 20px;
	font-size: 13px;
	color: var(--mb-color0)
}

#user-menu a.logout {
	font-weight: 600;
	margin-top: 16px
}

#user-menu a.active {
	border-color: var(--mb-color-primary)
}

#user-menu a.has-counter {
	padding-right: 30px
}

#user-menu a .counter,
#user-menu a .im-user-account-count {
	top: calc(50% - 10px);
	right: 5px;
	position: absolute;
	min-width: 20px;
	height: 20px;
	padding: 4px 3px;
	line-height: 12px;
	font-size: 11px;
	font-weight: 400;
	text-align: center;
	border-radius: 100px;
	color: #fff;
	background: var(--mb-color-primary)
}

#user-menu li {
	list-style-type: none;
	margin: 0;
	display: inherit;
	padding: 0
}

#user-menu li a i,
#user-menu li a svg {
	display: none
}

#user-main h1,
#user-main h2,
#user-main h3 {
	margin: 0 0 10px 0
}

#user-main h1+h2,
#user-main h2+h3 {
	margin-top: -5px
}

#user-main h2 {
	font-weight: 600;
	font-size: 16px
}

#user-main .user-custom-box h2 {
	font-size: 22px;
	font-weight: 700
}

.body-ua #flashbox #flash_js+.flashmessage {
	margin-top: 5px
}

.body-ua #flashbox .flashmessage:last-child {
	margin-bottom: 20px
}

body .im-table-row .im-horizontal {
	background: #fff0
}

body .im-table-row .im-horizontal .right img {
	background: #fff0;
	border-radius: 100px
}

body .im-table-row .im-horizontal .right {
	background: #fff0
}

#user-main .headers {
	margin: 0 0 16px 0;
	padding-top: 3px
}

#user-main .headers h1,
#user-main .headers h2 {
	margin: 0
}

#user-dashboard .card-box {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	width: 100%;
	grid-gap: 20px;
	margin: 25px 0;
	padding-top: 25px;
	border-top: 1px solid var(--mb-color12)
}

#user-dashboard .card {
	padding: 16px;
	color: var(--mb-color2, #2c2c2c);
	background: #fff;
	transition: 0.25s;
	line-height: 1.4;
	border: 2px solid #fff0;
	box-shadow: 0 0 0 1px #d4d4d4, 0 5px 12px rgb(0 0 0 / .2);
	border-radius: 8px
}

#user-dashboard .card:hover {
	text-decoration: none;
	border-color: var(--mb-color4);
	background: #fff;
	box-shadow: 0 3px 10px rgb(0 0 0 / .4)
}

#user-dashboard .card .icon {
	width: 32px;
	height: 28px;
	padding: 0;
	margin: 10px 0 4px 0;
	text-align: center;
	position: relative;
	display: inline-block
}

#user-dashboard .card .icon>i {
	font-size: 28px;
	line-height: 28px;
	color: var(--mb-color4)
}

#user-dashboard .card .icon>svg {
	width: 32px;
	height: 28px;
	fill: var(--mb-color4)
}

#user-dashboard .card .icon .count {
	box-shadow: 0 0 1px 1px #fff;
	position: absolute;
	right: -6px;
	top: -6px;
	font-size: 11px;
	text-align: center;
	line-height: 14px;
	padding: 2px;
	min-width: 18px;
	height: 18px;
	border-radius: 100px;
	background: var(--mb-color-primary);
	color: #fff;
	font-weight: 600
}

#user-dashboard .card .icon .count i {
	font-size: 11px;
	line-height: 16px
}

#user-dashboard .card .header {
	font-size: 17px;
	font-weight: 600;
	margin: 6px 0 3px 0;
	color: var(--mb-color2, #2c2c2c)
}

#user-dashboard .card .description {
	font-size: 14px;
	color: var(--mb-color5)
}

#user-dashboard .headers {
	height: 66px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center
}

#user-dashboard #user-main h1 {
	font-size: 22px;
}

#user-dashboard #user-main h2 {
	font-size: 14px;
	font-weight: 400;
	color: var(--mb-color7);
	margin: 2px 0 0 0
}

#user-dashboard.body-ua .img-container {
	left: 3px
}

.items-box {
	margin: 10px 0
}

.items-box .item {
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #ccc;
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start
}

.items-box.all .item.inactive:after {
	border-radius: 6px;
	transition: 0.2s;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgb(255 255 255 / .55);
	z-index: 2
}

.items-box.all .item.inactive:hover:after {
	opacity: 0;
	bottom: 50%;
	top: 50%
}

.items-box .item .image {
	width: 160px;
	height: 140px;
	position: relative;
	display: block;
	margin: 0 16px 0 0
}

.items-box .item .image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 4px;
	box-shadow: 0 0 0 1px rgb(0 0 0 / .05), 0 1px 3px rgb(0 0 0 / .2)
}

.items-box .item .image .image-counter {
	position: absolute;
	right: 6px;
	bottom: 6px;
	padding: 3px 5px;
	border-radius: 4px;
	background: rgb(0 0 0 / .5);
	color: #fff;
	font-size: 13px;
	line-height: 14px
}

.items-box .item .label-premium,
.items-box .item .label-sold,
.items-box .item .label-reserved,
.items-box .item .label-inactive,
.items-box .item .label-expired {
	position: absolute;
	top: 3px;
	left: 3px;
	padding: 3px 5px;
	border-radius: 3px;
	background: #00b145;
	color: #fff;
	float: left;
	font-size: 12px;
	line-height: 14px;
	margin: 2px 2px;
	font-weight: 400
}
}

.items-box .item .label-sold {
	background: var(--mb-color-primary);
	color: #fff;
	top: 26px
}

.items-box .item .label-reserved {
	background: #2553e0;
	color: #fff;
	bottom: 3px;
	top: auto
}

.items-box .item .label-inactive,
.items-box .item .label-expired {
	right: 3px;
	left: auto;
	background: #222;
	color: #fff
}

.items-box:not(.all) .item .label-inactive,
.items-box:not(.all) .item .label-expired {
	display: none
}

.items-box .item .label-expired {
	background: #f30000
}

.items-box .item .body {
	width: calc(100% - 184px);
	min-height: 140px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 4px 0;
	position: relative
}

.items-box .item .top {
	font-size: 12px;
	color: #555;
	line-height: 16px;
	margin: 0 0 7px 0;
	padding-right: 130px
}

.items-box .item .top span:empty {
	display: none
}

.items-box .item .top span:after {
	content: "\2022";
	margin: 0 4px 0 8px;
	color: #999
}

.items-box .item .top span:last-child:after {
	display: none
}

.items-box .item .title {
	font-weight: 600;
	color: var(--mb-color2, #2c2c2c);
	font-size: 16px;
	line-height: 1.2;
	margin: 0 0 8px 0
}

.items-box .item .description {
	font-size: 14px;
	color: var(--mb-color5);
	line-height: 16px;
	max-height: 33px;
	min-height: 17px;
	overflow: hidden
}

.items-box .item .price {
	max-width: 120px;
	position: absolute;
	top: 3px;
	right: 0;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.2;
	margin: 1px 0;
	color: var(--mb-color0)
}

.items-box .item .buttons {
	display: flex;
	width: 100%;
	margin-top: auto;
	flex-wrap: wrap
}

.items-box .item .buttons a {
	padding: 6px 8px;
	margin: 6px 6px 0 0;
	border-radius: 4px;
	background: var(--mb-color-secondary-lighter);
	color: var(--mb-color-secondary-hover);
	font-size: 13px;
	font-weight: 600;
	line-height: 1.2
}

.items-box .item .buttons a:hover {
	background: var(--mb-color-secondary-light);
	color: var(--mb-color-secondary-hover);
	text-decoration: none
}

.items-box .item .buttons a.delete {
	box-shadow: 0 0 0 1px #ddd inset;
	background: #fff;
	color: var(--mb-color2, #2c2c2c);
	margin-left: auto
}

.items-box .item .buttons a.delete:hover {
	background: #f0f0f0;
	color: var(--mb-color0)
}

.items-box .item .buttons a.delete i {
	color: #888;
	margin-right: 2px
}

.items-box .item .buttons .delim {
	display: none
}

.items-box .item.osp-item-is-highlight {
	background: #fffece !important
}

.alerts-box {
	margin: 10px 0
}

.alerts-box .alert {
	margin: 0 0 16px 0;
	padding: 16px;
	border: 1px solid #ddd;
	border-radius: 6px;
	box-shadow: 0 3px 10px rgb(0 0 0 / .2)
}

.alerts-box .alert .details {
	background: #e8e8e8;
	padding: 10px
}

.alerts-box .head-row {
	margin: 0 0 12px 0;
	line-height: 1.3;
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	align-items: flex-start
}

.alerts-box .head-row .data strong {
	font-size: 15px;
	font-weight: 400;
	font-weight: 700
}

.alerts-box .head-row .data div {
	font-size: 14px;
	margin-top: 5px
}

.alerts-box .head-row .btn {
	white-space: nowrap;
	margin-left: 12px;
	height: auto;
	padding: 5px 8px
}

.alerts-box .head-row .alert-title {
	background: var(--mb-color-secondary-light);
	padding: 0 2px
}

.alerts-box .head-row .show-technical-details {
	margin-left: 6px;
	font-size: 13px
}

.alerts-box .details {
	display: none;
	margin: 0 0 12px 0;
	font-size: 13px;
	font-family: "Consolas";
	border-radius: 5px
}

.alerts-box .items {
	margin: 10px 0 0 0
}

.alerts-box .items .empty {
	margin-top: 10px
}

.alerts-box .show-all {
	margin: 0 0 6px 0;
	font-size: 13px;
	display: block;
	font-weight: 600
}

#alert-items .simple-prod {
	width: 200px;
	margin-bottom: 6px
}

.profile-box {
	margin: 0 0 40px 0
}

#user-main .profile-box.alt h2 {
	margin: 0 0 10px 0;
	font-size: 18px;
	font-weight: 700
}

#user-main .right-block h2 {
	margin: 0 0 10px 0;
	font-size: 18px;
	font-weight: 700
}

.profile-box.alt {
	padding-top: 30px;
	border-top: 1px solid #ddd
}

.profile-box select {
	width: 100%;
	max-width: 240px
}

.profile-box input {
	width: 100%;
	max-width: 320px
}

.profile-box textarea {
	width: 100%;
	max-width: 100%;
	min-width: 100%;
	margin-bottom: 0
}

.profile-box form.profile>.wrap {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start
}

.profile-box .left-block {
	width: calc(100% - 314px)
}

.profile-box .right-block {
	width: 290px;
	padding: 12px 0 0 24px;
	position: sticky;
	top: 72px;
	border-left: 1px solid #ddd
}

.profile-box .tabberlive .tabbertab,
.profile-box .tabberlive {
	margin-bottom: 0;
	padding-bottom: 0
}

.profile-box label {
	font-size: 14px;
	margin: 0 0 3px 0;
	display: block
}

.profile-box label a.change-email {
	font-size: 13px;
	margin-left: 6px;
	color: var(--mb-color-primary)
}

.profile-box .profile-img {
	padding-bottom: 25px;
	margin-bottom: 25px;
	border-bottom: 1px solid #ddd
}

.profile-box .profile-img .btn {
	padding: 6px 8px;
	height: auto;
	font-size: 14px;
	margin-right: 5px
}

.profile-box .profile-img .btn.remove-profile-picture {
	background: #fff;
	color: var(--mb-color4);
	border: 1px solid #ddd;
	min-width: 80px
}

.profile-box .profile-img .btn.remove-profile-picture:hover {
	background: #f0f0f0
}

.profile-box input#zip {
	width: 120px
}

.profile-box input#s_name {
	max-width: 240px
}

.profile-box.prim .row.user-buttons {
	margin: 20px 0 10px 0;
	display: flex
}

.profile-box.prim .row.user-buttons .btn-secondary {
	margin-left: auto
}

.profile-box.alt .input-box {
	max-width: 320px
}

.profile-box a.toggle-pass {
	top: calc(50% - 15px);
	right: 3px;
	font-size: 14px
}

.body-ua .profile-img .img-container {
	position: initial;
	left: auto;
	top: auto;
	width: initial;
	height: initial;
	border-radius: 0;
	overflow: visible;
	box-shadow: none !important
}

.body-ua .profile-img .img-container img {
	width: initial;
	height: initial;
	max-width: 100%;
	max-height: initial;
	object-fit: unset
}

.body-ua .profile-img .img-preview {
	border-radius: 6px;
	box-shadow: 0 2px 6px rgb(0 0 0 / .25);
	max-width: 120px;
	max-height: 120px
}

.paginate {
	margin: 10px 0;
	display: inline-block;
	width: 100%
}

.paginate:empty {
	display: none
}

.paginate ul {
	display: flex;
	list-style-type: none;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: center;
	align-items: flex-start
}

.paginate ul li {
	margin: 0 2px
}

.paginate ul li a,
.paginate ul li span {
	font-weight: 700;
	transition: 0.2s;
	min-width: 36px;
	text-align: center;
	height: 36px;
	border-radius: 4px;
	font-size: 14px;
	padding: 8px 4px;
	display: inline-block;
	background: #e0e0e0;
	color: var(--mb-color2, #2c2c2c)
}

.paginate ul li a.searchPaginationSelected,
.paginate ul li span.searchPaginationSelected,
.paginate ul li a:hover,
.paginate ul li span:hover {
	color: #f9f9f9;
	background: var(--mb-color-primary);
	text-decoration: none
}

.paginate ul li i {
	line-height: 20px;
	font-size: 14px
}

.paginate-alt {
	margin: 16px 0 0 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	clear: both
}

.paginate-alt .btn {
	margin: 4px 6px;
	padding: 11px 16px;
	border-radius: 4px;
	min-width: 150px;
	height: auto;
	font-size: 16px
}

.fa-star-o:before {
	font-weight: 400;
	content: "\f005"
}

i.fa:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900
}

i.fa-dollar:before {
	content: "\f155"
}

i.fa-gear:before {
	content: "\f013"
}

i.fa-mobile:before {
	content: "\f3cd"
}

i.fa-star-o:before {
	content: "\f005";
	font-weight: 400
}

i.fa-warning:before {
	content: "\f071"
}

i.fa-handshake-o:before {
	content: "\f2b5";
	font-weight: 400
}

i.fa-file-archive-o:before {
	content: "\f1c6";
	font-weight: 400
}

i.fa-flag-o:before {
	content: "\f024";
	font-weight: 400
}

i.fa-trash-o:before {
	content: "\f1f8"
}

i.fa-envelope-o:before {
	content: "\f0e0";
	font-weight: 400
}

i.fa-sign-in:before {
	content: "\f2f6"
}

i.fa-pencil-square-o:before {
	content: "\f044";
	font-weight: 400
}

i.fa-folder-o:before {
	content: "\f07b";
	font-weight: 400
}

i.fa-user-o:before {
	content: "\f007";
	font-weight: 400
}

i.fa-sign-out:before {
	content: "\f2f5"
}

i.fa-clock-o:before {
	content: "\f017"
}

i.fa-repeat:before {
	content: "\f01e"
}

i.fa-newspaper-o:before {
	content: "\f1ea";
	font-weight: 400
}

i.fa-file-pdf-o:before {
	content: "\f571";
	font-weight: 900
}

i.fab.fa-share {
	font-family: "Font Awesome 5 Free" !important
}

i.fab.fa-share:before {
	content: "\f064";
	font-weight: 900
}

i.fa-mail-reply:before {
	content: "\f3e5";
	font-weight: 900
}

i.fa-lightbulb-o:before {
	content: "\f00c";
	font-weight: 900
}

body .osp-options label>div:after,
.osp-promote-form label.osp-chk div:after {
	font-size: 11px !important;
	font-weight: 900 !important
}

body .im-error-list.error-list li:before {
	font-family: "Font Awesome 5 Free";
	font-size: 16px
}

body #mo-check.styled .input-box-check label:after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 12px;
	left: 0
}

body .osp-stat>span.osp-issue:after,
body .osp-stat>span.osp-201:after,
body .osp-stat>span.osp-801:after,
body .osp-stat>span.osp-401:after,
body .osp-stat>span.osp-601:after {
	font-weight: 700;
	font-family: "Font Awesome 5 Free"
}

body .sms-body .sms-button.loading:before,
body .sms-body .sms-button-resend.loading:before {
	font-family: "Font Awesome 5 Free";
	top: 10px
}

body .oc-chat-button .oc-user-left i.fa-comments-o:before {
	content: "\f27a";
	font-weight: 400
}

body i.fa-youtube:before,
body i.fa-vimeo:before,
body i.fa-pinterest-p:before,
body i.fa-facebook:before,
body i.fa-instagram:before,
body i.fa-whatsapp:before,
body i.fa-twitter:before,
body i.fa-google-plus:before,
body i.fa-linkedin:before,
body i.fa-pinterest:before {
	font-family: "Font Awesome 5 Brands" !important
}

body i.fa-cc-mastercard:before {
	font-family: "Font Awesome 5 Brands" !important;
	font-weight: 400
}

#scroll-to-top {
	display: none;
	position: fixed;
	bottom: 25%;
	right: 15px;
	z-index: 98;
	cursor: pointer;
	box-shadow: 0 1px 2px rgb(0 0 0 / .25);
	border-radius: 6px;
	background: #fff;
	padding: 8px 0;
	text-align: center;
	width: 36px;
	height: 36px;
	transition: 0.2s
}

#scroll-to-top svg {
	width: auto;
	height: 20px;
	fill: var(--mb-color-primary);
	display: inline-block;
	margin-top: 1px;
	transition: 0.2s
}

#scroll-to-top:hover {
	height: 42px
}

.container.banner-box {
	text-align: center
}

.container.banner-box>.inside {
	margin: 0 auto;
	max-width: 100%
}

.banner-theme {
	display: block;
	margin: 16px 0;
	float: left;
	text-align: center;
	width: 100%;
	border: none
}

.lab+.banner-theme {
	margin-top: 0;
	height: 100%
}

!.lab+.banner-theme .myad {
	height: 100%
}

!.banner-theme.is-demo {
	display: none
}

.banner-theme .myad {
	display: inline-block;
	max-width: 100%;
	margin: 0 auto;
	overflow: hidden
}

.banner-theme#banner-theme .myad {
	text-align: center;
	display: flex
}

.banner-theme#banner-theme .myad .text {
	margin: auto;
	text-align: center;
	line-height: 18px;
	font-size: 16px
}

.banner-theme#banner-theme .myad .text .demo-text {
	margin: auto;
	text-align: center
}

.banner-theme#banner-theme.opt-adsense .myad .text {
	margin: 0;
	display: inline-block;
	width: 100%;
	height: auto;
	padding: 8px 10px
}

.banner-theme#banner-theme.is-demo:not(.is-visible) {
	display: none
}

.banner-theme#banner-theme.is-demo .myad {
	border: 1px solid var(--mb-color10);
	font-family: monospace;
	color: var(--mb-color1);
	background-color: var(--mb-color14);
	background-size: 10px 10px;
	background-image: repeating-linear-gradient(-45deg, var(--mb-color13) 0, var(--mb-color13) 1px, var(--mb-color14) 0, var(--mb-color14) 50%)
}

.banner-theme#banner-theme.is-demo .myad .text span {
	display: block
}

.banner-theme#banner-theme.is-demo .myad .text strong {
	display: block;
	font-size: 12px;
	line-height: 14px;
	margin: 3px 0 0 0;
	color: var(--mb-color6);
	font-weight: 400
}

.banner-home_top,
.banner-home_bottom,
.banner-home_middle {
	margin: 0 0 24px 0
}

.banner-home_top.opt-adsense,
.banner-home_bottom.opt-adsense,
.banner-home_middle.opt-adsense {
	width: 980px;
	max-width: 100%
}

.banner-search_top,
.banner-item_top,
.banner-search_middle {
	margin: 0 0 16px 0
}

.banner-item_sidebar {
	margin: 0 -20px 16px -20px;
	width: 320px;
	max-width: calc(100% + 40px)
}

.banner-public_profile_sidebar,
.banner-public_profile_bottom {
	margin: 16px 0 0 0
}

.banner-search_middle {
	margin: 16px 0 16px 0
}

.banner-search_bottom {
	margin: 16px 0 0 0
}

.banner-item_bottom {
	margin: 16px 0 8px 0
}

.banner-item_description {
	margin: 8px 0 16px 0
}

.banner-item_sidebar_bottom {
	margin: 10px 0 0 0;
	padding: 0 20px
}

.banner-public_profile_top {
	margin: 0 0 16px 0
}

.banner-user_account_top {
	margin: 0 0 24px 0
}

.banner-user_account_bottom {
	margin: 0 0 16px 0
}

.banner-static_page_top {
	margin: 0 0 24px 0
}

.banner-static_page_bottom {
	margin: 0 0 24px 0
}

.banner-search_top .myad,
.banner-search_middle .myad,
.banner-search_bottom .myad,
.banner-item_description .myad,
.banner-public_profile_middle .myad,
.banner-public_profile_bottom .myad,
.banner-public_profile_top .myad,
.banner-user_account_top .myad,
.banner-user_account_bottom .myad {
	width: 728px;
	height: 90px
}

.banner-home_top .myad,
.banner-home_bottom .myad,
.banner-item_top .myad,
.banner-item_bottom .myad,
.banner-home_middle .myad,
.banner-static_page_top .myad,
.banner-static_page_bottom .myad {
	width: 970px;
	height: 90px
}

.banner-public_profile_sidebar .myad {
	width: 300px;
	height: 250px
}

.banner-item_sidebar .myad {
	width: 320px;
	height: 50px
}

.banner-item_sidebar_bottom .myad {
	width: 300px;
	height: 600px;
	margin: 0
}

.banner-body_left .myad,
.banner-body_right .myad {
	width: 160px;
	height: 600px;
	background: #fff
}

.banner-search_sidebar .myad {
	width: 200px;
	height: 200px
}

.banner-theme#banner-theme.opt-adsense .myad {
	width: 100%;
	height: auto
}

.banner-search_side .myad {
	width: 160px;
	height: 600px
}

#body-banner {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	width: calc((100% - 1120px)/2);
	overflow: hidden;
	z-index: 9
}

#body-banner.bright {
	left: auto;
	right: 0
}

.products {
	display: flex;
	flex-wrap: wrap;
	flex-flow: row wrap;
	flex-direction: row;
	margin: 0 -8px;
	width: calc(100% + 16px);
	padding: 2px 0
}

.products.nice-scroll {
	flex-wrap: nowrap;
	overflow-x: auto
}

.products.grid .isList {
	display: none
}

.products.list .isGrid {
	display: none
}

.simple-prod {
	flex: 0 0 auto;
	width: calc(25% - 4px);
	margin: 0 2px 8px 2px;
	border-radius: 2px;
	transition: 0.2s
}

.simple-prod.mini {
	width: calc(12.5% - 4px)
}

.simple-prod.small {
	width: calc(16.66% - 4px)
}

.simple-prod.medium {
	width: calc(20% - 4px)
}

.simple-prod.large {
	width: calc(25% - 4px)
}

.simple-prod.extralarge {
	width: calc(33.33% - 4px)
}

.simple-prod.megalarge {
	width: calc(50% - 4px)
}

.simple-prod .simple-wrap {
	background: #fff0;
	border-radius: 3px;
	padding: 8px 8px 40px 8px;
	transition: 0.2s;
	position: relative;
	height: 100%
}

.simple-prod.st-sold .simple-wrap {
	position: relative;
	overflow: hidden;
	user-select: none
}

.simple-prod.st-sold .simple-wrap:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	background: rgb(245 245 245 / .5);
	backdrop-filter: blur(4px);
	border-radius: 6px
}

.simple-prod.st-sold .simple-wrap:before {
	content: attr(title);
	position: absolute;
	left: 5px;
	top: 5px;
	z-index: 3;
	background: var(--mb-color-primary);
	font-size: 14px;
	box-shadow: 0 2px 5px rgb(0 0 0 / .3);
	border: 1px solid rgb(0 0 0 / .1);
	font-weight: 600;
	color: #fff;
	padding: 4px 10px;
	text-align: center;
	border-radius: 3px
}

.simple-prod:hover .simple-wrap {
	background: #fff0;
	box-shadow: 0 3px 8px rgb(0 0 0 / .15), 0 -2px 8px rgb(0 0 0 / .15)
}

.simple-prod .img-wrap {
	position: relative;
	width: 100%;
	padding-top: 80%
}

.simple-prod.megatall .img-wrap {
	padding-top: 200%
}

.simple-prod.extratall .img-wrap {
	padding-top: 175%
}

.simple-prod.verytall .img-wrap {
	padding-top: 150%
}

.simple-prod.tall .img-wrap {
	padding-top: 125%
}

.simple-prod.square .img-wrap {
	padding-top: 100%
}

.simple-prod.normal .img-wrap {
	padding-top: 75%
}

.simple-prod.wide .img-wrap {
	padding-top: 60%
}

.simple-prod.verywide .img-wrap {
	padding-top: 50%
}

#premium-items .simple-prod.osp-item-is-highlight .simple-wrap,
#search-premium-items .simple-prod.osp-item-is-highlight .simple-wrap {
	background: #f4f298 !important
}

.simple-prod .top-wrap {
	position: relative;
	width: 100%;
	margin: 0 0 10px 0;
	padding: 1px 0 1px 44px;
	display: flex;
	flex-direction: column;
	align-items: flex-start
}

.simple-prod .top-wrap .user-image {
	z-index: 1;
	position: relative;
	position: absolute;
	left: 0;
	top: 0;
	width: 32px;
	height: 32px
}

.simple-prod .top-wrap .user-image img.usr {
	width: 32px;
	height: 32px;
	border-radius: 100px;
	object-fit: fill;
	background: #e0e0e0;
	position: absolute;
	left: 0;
	top: 0
}

.simple-prod .top-wrap .user-image .business {
	position: absolute;
	right: -3px;
	bottom: -3px;
	height: 14px;
	min-width: 14px;
	text-align: center;
	background: var(--mb-color-primary);
	color: #fff;
	font-size: 9px;
	font-weight: 600;
	max-width: 100%;
	width: auto;
	padding: 0 2px;
	line-height: 14px;
	border-radius: 4px
}

.simple-prod .top-wrap .user-image .online {
	position: absolute;
	right: 2px;
	top: 2px;
	width: 11px;
	height: 11px;
	border-radius: 100px;
	background: #0ed000;
	box-shadow: 0 0 0 1px #fff
}

.simple-prod .top-wrap .cn {
	width: 100%;
	font-size: 15px;
	line-height: 16px;
	height: 17px;
	font-weight: 600;
	margin: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 120px
}

.simple-prod .top-wrap .dt {
	font-size: 13px;
	line-height: 14px;
	color: #777
}

.simple-prod .top-wrap .dt i {
	margin-right: 1px
}

.simple-prod .img-wrap>a img {
	border-radius: 5px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	max-width: inherit;
	max-height: inherit;
	object-fit: cover;
	width: 100%;
	height: 100%
}

.simple-prod .img-wrap.no-image>a img {
	box-shadow: 0 0 1px 1px rgb(0 0 0 / .1)
}

.simple-prod .favorite,
#item-main .favorite {
	position: absolute;
	top: 8px;
	right: 8px;
	z-index: 2;
	display: flex;
	align-items: center
}

.simple-prod .favorite a {
	width: 32px;
	height: 32px;
	display: inline-block;
	margin-left: -6px
}

.simple-prod .favorite span,
#item-main .favorite span {
	display: none
}

.simple-prod .favorite i,
#item-main .favorite i {
	position: relative;
	z-index: 1;
	font-weight: 400;
	font-size: 17px;
	line-height: 20px;
	color: #888;
	text-align: center;
	padding: 6px 6px;
	width: 32px;
	height: 32px;
	transition: 0.2s;
	border-radius: 6px;
	background: #fff0
}

.simple-prod .favorite i:hover,
#item-main .favorite i:hover {
	color: #333
}

.simple-prod .favorite em {
	font-style: normal;
	color: #666;
	font-size: 13px;
	line-height: 16px;
	margin-left: -5px
}

.simple-prod .favorite a:not(.is_favorite):hover i,
#item-main .favorite a:not(.is_favorite):hover i {
	color: #ffb100;
	font-weight: 900
}

.simple-prod .favorite a.is_favorite i,
#item-main .favorite a.is_favorite i {
	color: #ffb100;
	font-weight: 900
}

.simple-prod .favorite a.is_favorite:hover i,
#item-main .favorite a.is_favorite:hover i {
	color: #888;
	font-weight: 900
}

.simple-prod .marks {
	position: absolute;
	left: 3px;
	top: 3px;
	z-index: 2;
	max-width: calc(100% - 6px)
}

.simple-prod .marks>span {
	padding: 3px 5px;
	border-radius: 3px;
	background: #00b145;
	color: #fff;
	float: left;
	font-size: 12px;
	line-height: 14px;
	margin: 2px 2px;
	font-weight: 400
}

.simple-prod .marks>.sold {
	background: #d21616
}

.simple-prod .marks>.resr {
	background: #2553e0
}

.simple-prod .marks>.oday {
	background: #932492
}

.simple-prod .day-offer-mark {
	position: absolute;
	left: 6px;
	max-width: calc(100% - 12px);
	bottom: 34px;
	text-align: center;
	z-index: 3;
	letter-spacing: -.2px;
	font-size: 14px;
	font-weight: 700;
	font-style: italic;
	display: inline-block;
	line-height: 16px;
	padding: 7px 8px;
	border-radius: 4px;
	background: var(--mb-color-primary);
	color: #f9f9f9
}

.simple-prod .data {
	padding: 8px 0 0 0
}

.simple-prod .title {
	display: inline-block;
	clear: both;
	font-size: 14px;
	color: var(--mb-color2, #2c2c2c);
	line-height: 18px;
	max-width: 100%;
	font-weight: 400;
	margin: 0 0 4px 0;
	min-height: 19px;
	max-height: 37px;
	overflow: hidden
}

.simple-prod .title2 {
	display: none;
	font-size: 15px;
	font-weight: 600;
	color: var(--mb-color3);
	line-height: 18px;
	margin: 0 0 4px 0;
	max-width: 100%;
	min-height: 19px;
	max-height: 37px;
	overflow: hidden
}

.simple-prod .price {
	display: block;
	clear: both;
	font-size: 18px;
	color: var(--mb-color1);
	line-height: 22px;
	max-width: 100%;
	font-weight: 600;
	margin: 0 0 4px 0
}

.simple-prod .location {
	display: block;
	clear: both;
	font-size: 13px;
	color: var(--mb-color7);
	line-height: 16px;
	max-width: 100%;
	font-weight: 400;
	margin: 0 0 4px 0
}

.simple-prod .favorite-block1 {
	position: absolute;
	height: 32px;
	bottom: 8px
}

.simple-prod .favorite-block1:empty {
	display: none
}

.simple-prod .favorite-block1>.favorite {
	position: relative;
	top: auto;
	right: auto
}

.simple-prod .favorite-block1>.svi-save-btn {
	margin: 0
}

.simple-prod .favorite-block1>.svi-save-btn .svi-btn-box {
	padding: 6px 1px;
	width: auto
}

.simple-prod .extra {
	display: none;
	font-size: 13px;
	color: var(--mb-color7);
	width: 100%;
	line-height: 16px;
	margin: 0;
	max-height: 33px;
	min-height: 17px;
	overflow: hidden;
	margin: 0 0 4px 0
}

.simple-prod .extra>span:after {
	content: "\2022";
	margin: 0 2px 0 6px
}

.simple-prod .extra>span:last-child:after {
	display: none
}

.simple-prod .label {
	font-size: 12px;
	font-weight: 600;
	margin: 0 6px 0 0;
	display: inline-block;
	line-height: 1.2;
	padding: 4px 7px;
	border-radius: 5px;
	background: var(--mb-color2, #2c2c2c);
	color: #fff
}

.simple-prod .right {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-end;
	margin-left: auto
}

.simple-prod .right .price {
	position: relative;
	font-size: 17px;
	font-weight: 700;
	color: var(--mb-color2, #2c2c2c);
	margin-top: 1px;
	line-height: 18px;
	white-space: nowrap
}

.simple-prod .right .favorite {
	position: relative;
	right: auto;
	top: auto
}

.simple-prod .description {
	display: none;
	font-size: 13px;
	line-height: 18px;
	max-height: 37px;
	overflow: hidden;
	color: #666;
	margin: 2px 0 8px 0
}

body .osp-item-is-highlight,
body .osp-item-is-highlight .simple-wrap {
	background: inherit !important
}

.products.grid .simple-prod.osp-item-is-highlight .simple-wrap {
	background: var(--mb-color-secondary-lighter) !important;
	box-shadow: 0 0 0 2px var(--mb-color-secondary);
	border-radius: 0
}

.products.grid.with-border {
	margin: 0 -1px 0 0 !important;
	width: 100% !important
}

.products.grid.with-border .simple-prod {
	margin: 0 -1px -1px 0;
	width: 25%;
	border: 1px solid #eee;
	border-radius: 0
}

.products.grid.with-border .simple-prod:first-child {
	border-radius: 4px 0 0 4px
}

.products.grid.with-border .simple-prod:last-child {
	border-radius: 0 4px 4px 0
}

.products.grid.with-desc .simple-prod .description {
	display: block
}

.products.grid.favorite-top:not(.style3) .simple-prod .top-wrap {
	padding-right: 40px
}

.products.grid.favorite-top.style1 .simple-prod .favorite-block1 em,
.products.grid.favorite-top.style2 .simple-prod .favorite-block1 em {
	display: none
}

.products.grid.style1 .simple-prod .simple-wrap {
	padding-bottom: 6px
}

.products.grid.style1 .simple-prod .title {
	font-size: 15px;
	margin-bottom: 2px
}

.products.grid.style1 .simple-prod .favorite-block1 {
	top: 12px;
	right: 12px;
	left: auto;
	bottom: auto
}

.products.grid.style1 .simple-prod .favorite-block1 em {
	position: absolute;
	margin: 0;
	background: #0c0c0c;
	bottom: -2px;
	right: -2px;
	color: #fff;
	min-width: 14px;
	height: 14px;
	line-height: 14px;
	padding: 0 2px;
	text-align: center;
	border-radius: 100px;
	font-weight: 600;
	font-size: 9px
}

.products.grid.style1 .simple-prod .favorite-block1 a {
	margin: 0;
	border-radius: 11px;
	background: rgb(0 0 0 / .6)
}

.products.grid.style1 .simple-prod .favorite-block1 a:not(.is_favorite) i {
	color: #fff
}

.products.grid.style1 .simple-prod .top-wrap,
.products.grid.style1 .simple-prod .location {
	display: none
}

.products.grid.style2 .simple-prod .simple-wrap {
	padding-bottom: 4px
}

.products.grid.style2 .simple-prod .title2 {
	display: inline-block
}

.products.grid.style2 .simple-prod .price {
	font-weight: 700;
	font-size: 19px;
	color: var(--mb-color0)
}

.products.grid.style2 .simple-prod .favorite-block1 {
	top: 12px;
	right: 12px;
	left: auto;
	bottom: auto
}

.products.grid.style2 .simple-prod .favorite-block1 em {
	position: absolute;
	margin: 0;
	background: var(--mb-color0);
	bottom: -2px;
	right: -2px;
	color: #fff;
	min-width: 14px;
	height: 14px;
	line-height: 14px;
	padding: 0 2px;
	text-align: center;
	border-radius: 100px;
	font-weight: 600;
	font-size: 9px
}

.products.grid.style2 .simple-prod .favorite-block1 a {
	margin: 0;
	border-radius: 11px;
	background: rgb(0 0 0 / .6)
}

.products.grid.style2 .simple-prod .favorite-block1 a:not(.is_favorite) i {
	color: #fff
}

.products.grid.style2 .simple-prod .top-wrap,
.products.grid.style2 .simple-prod .title {
	display: none
}

.products.grid.style3 .simple-prod .simple-wrap {
	padding-bottom: 48px
}

.products.grid.style3 .simple-prod .title2 {
	display: inline-block;
	font-weight: 400;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-height: 19px
}

.products.grid.style3 .simple-prod .top-wrap {
	position: absolute;
	left: 8px;
	bottom: 10px;
	width: auto;
	right: 8px;
	margin: 0;
	padding-right: 28px
}

.products.grid.style3 .simple-prod .top-wrap .dt {
	font-size: 12px;
	color: #999
}

.products.grid.style3 .simple-prod .price {
	font-weight: 700;
	color: var(--mb-color0)
}

.products.grid.style3 .simple-prod .extra {
	display: block
}

.products.grid.style3 .simple-prod .favorite-block1 {
	position: absolute;
	right: 8px;
	bottom: 10px;
	top: auto
}

.products.grid.style3 .simple-prod .title,
.products.grid.style3 .simple-prod .location {
	display: none
}

.products.grid.style4 .simple-prod .simple-wrap {
	padding-bottom: 10px
}

.products.grid.style4 .simple-prod .title2 {
	display: inline-block;
	font-weight: 400;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-height: 19px
}

.products.grid.style4 .simple-prod .price {
	font-weight: 700;
	color: var(--mb-color0)
}

.products.grid.style4 .simple-prod .extra {
	display: block
}

.products.grid.style4 .simple-prod .title,
.products.grid.style4 .simple-prod .location,
.products.grid.style4 .simple-prod .top-wrap,
.products.grid.style4 .simple-prod .favorite-block1 {
	display: none
}

.products.list {
	width: 100%;
	margin: 0
}

.products.list .simple-prod {
	width: 100%;
	margin: 0;
	padding: 14px 0;
	border-bottom: 1px solid #ddd;
	border-radius: 0
}

.products.list .simple-prod:hover .simple-wrap {
	box-shadow: none
}

.products.list .simple-prod .simple-wrap {
	display: flex;
	padding: 0;
	background: #fff0;
	border-radius: 0
}

.products.list .simple-prod.osp-item-is-highlight .simple-wrap {
	background: var(--mb-color-secondary-light) !important;
	box-shadow: 0 0 0 10px var(--mb-color-secondary-light);
	border-radius: 2px
}

.products.list .simple-prod .img-wrap {
	width: 200px;
	height: 160px;
	margin: 0 16px 0 0;
	padding: 0
}

.products.list .simple-prod .img-wrap>a img {
	border-radius: 6px
}

.products.list .simple-prod .data {
	padding: 5px 0;
	width: calc(100% - 216px);
	display: flex;
	flex-direction: column;
	align-items: flex-start
}

.products.list .simple-prod .info {
	font-size: 13px;
	line-height: 16px;
	color: var(--mb-color7);
	display: flex;
	margin: 0 0 4px 0;
	width: 100%
}

.products.list .simple-prod .info a {
	color: var(--mb-color7);
	margin: 0 8px 4px 0
}

.products.list .simple-prod .info a:after {
	content: "\2022";
	margin: 0 2px 0 10px;
	float: right
}

.products.list .simple-prod .info a:has(+.dat):after {
	display: none
}

.products.list .simple-prod .info .business {
	color: #fff;
	margin: 0 10px 4px 0;
	background: var(--mb-color-primary);
	font-weight: 600;
	border-radius: 5px;
	padding: 1px 5px;
	font-size: 13px;
	line-height: 14px
}

.products.list .simple-prod .info .dat {
	font-size: 15px;
	margin-left: auto
}

.products.list .simple-prod .title {
	font-size: 18px;
	line-height: 19px;
	min-height: 20px;
	max-height: 39px;
	font-weight: 400;
	color: var(--mb-color2, #2c2c2c);
	max-width: calc(100% - 40px);
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	word-break: break-word;
	display: -webkit-box;
	hyphens: auto
}

.products.list .simple-prod .price.standalone {
	display: block;
	font-size: 20px;
	font-weight: 700;
	color: var(--mb-color1);
	margin: auto 0 6px 0;
	line-height: 22px
}

.products.list .simple-prod .day-offer-mark {
	padding: 4px;
	font-size: 13px;
	line-height: 13px;
	font-style: normal;
	top: 3px;
	left: 3px;
	bottom: auto;
	max-width: calc(100% - 6px)
}

.products.list .simple-prod .favorite-block1 {
	top: 26px;
	right: 0;
	left: auto
}

.products.list .simple-prod .favorite i {
	font-size: 20px
}

.products.list .simple-prod .favorite em {
	margin-left: -4px;
	margin-top: 4px
}

.products.list .simple-prod .extra {
	display: flex;
	font-size: 14px;
	line-height: 16px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top: auto;
	flex-wrap: wrap;
	justify-content: flex-start
}

.products.list .simple-prod .extra>span:after {
	margin: 0 8px 0 8px
}

.products.list .simple-prod .description {
	font-size: 13px;
	line-height: 15px;
	height: 31px;
	width: 100%;
	overflow: hidden;
	color: var(--mb-color5);
	padding-right: 40px;
	margin: 2px 0 4px 0;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis
}

.products.list .simple-prod .top-wrap {
	position: absolute;
	right: 0;
	bottom: 6px;
	width: auto;
	margin: 0;
	height: 28px;
	padding: 0 0 0 34px;
	justify-content: center
}

.products.list .simple-prod .top-wrap .user-image,
.products.list .simple-prod .top-wrap .user-image img.usr {
	width: 28px;
	height: 28px
}

.products.list .simple-prod .top-wrap .user-image .online {
	top: 1px;
	right: 1px;
	width: 8px;
	height: 8px
}

body#home .simple-prod .img-wrap .favorite {
	display: none
}

body#home .simple-prod:hover .img-wrap .favorite {
	display: block
}

body#home .home-link-all-wrap {
	display: flex;
	width: 100%;
	float: left;
	clear: both;
	margin: 22px 0 5px 0;
	align-items: center;
	justify-content: center
}

body#home a.home-link-all {
	transition: 0.2s;
	font-size: 16px;
	line-height: 18px;
	font-weight: 600;
	text-decoration: none;
	padding: 8px 14px;
	background: #fff;
	border: 1px solid silver;
	border-radius: 4px
}

body#home a.home-link-all:hover {
	background: #f4f4f4;
	text-decoration: none
}

body#home>.content>section>.container {
	flex-direction: column;
	align-items: center
}

body#home>.content>section.home-latest {
	background: #fff
}

.products#latest-items .simple-prod {
	width: calc(20% - 4px)
}

body#home>.content>section.home-premium {
	padding: 40px 0 30px 0;
	margin: 0 0 8px 0;
	border-bottom: 1px solid #ccc
}

.products#premium-items .simple-prod.o1 {
	width: calc(34% - 4px);
	box-shadow: 0 0 0 1px var(--mb-color-secondary) inset;
	background: var(--mb-color-secondary-lighter)
}

.products#premium-items .simple-prod.o1 .location {
	color: var(--mb-color5)
}

.products#premium-items .simple-prod:not(.o1) {
	width: calc(22% - 4px)
}

.products#premium-items .simple-prod .img-wrap {
	height: 240px;
	padding: 0
}

.products#premium-items .simple-prod .marks .prem {
	display: none
}

body#home>.content>section.home-location {
	padding: 30px 0 10px 0;
	background: #e7e4ed;
	background: linear-gradient(135deg, rgb(231 228 237 / .6) 15%, rgb(225 245 239 / .6) 85%);
	margin: 0 8px 10px 8px;
	width: calc(100% - 16px);
	border-radius: 4px;
	box-shadow: 0 2px 5px rgb(0 0 0 / .1)
}

body#home section.home-location h2 {
	margin-bottom: 2px
}

.products#location-items {
	flex-wrap: nowrap;
	overflow-x: hidden;
	width: calc(100% + 20px);
	margin: 0 -10px;
	padding: 10px 3px
}

.products#location-items .simple-prod {
	width: 200px;
	margin: 0 1px 6px 1px
}

.products#location-items .simple-prod .title {
	white-space: nowrap;
	text-overflow: ellipsis
}

.empty-alt {
	display: block;
	font-size: 15px;
	color: var(--mb-color7);
	margin: 10px 0 20px 0
}

body#home>.content>section.home-favorite {
	background: #f8f8f8;
	border-top: 1px solid #eee
}

body#home>.content {
	background: #fff;
	padding: 30px 0 0 0;
	display: flex;
	flex-direction: column;
	align-items: stretch
}

body#home>.content>section {
	padding: 30px 0;
	background: #fff;
	order: 10
}

body#home>.content>.banner-box {
	order: 10
}

body#home>.content>section>.container>.block {
	flex: 0 0 100%;
	width: 100%
}

body#home #flashbox .flashmessage:last-child {
	margin-bottom: 15px
}

body#home h2 {
	font-size: 22px;
	color: var(--mb-color1);
	line-height: 1.2;
	margin: 0 0 10px 0;
	display: flex;
	align-items: center;
	justify-content: space-between
}

body#home h2.spec {
	font-size: 28px;
	display: flex;
	align-items: flex-start;
	flex-direction: column
}

body#home h2.spec>span {
	color: var(--mb-color7);
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	margin: 6px 0 0 0
}

body#home h2 .btn {
	background: #fff0;
	display: flex;
	align-items: center;
	box-shadow: none;
	color: var(--mb-color-primary);
	border-color: rgb(0 0 0 / .1)
}

body#home h2 .btn:hover {
	color: var(--mb-color-primary);
	box-shadow: 0 0 0 1px var(--mb-color-primary)
}

body#home h2 .btn svg {
	margin-right: 5px;
	fill: var(--mb-color-primary)
}

body#home h2 .nobtn {
	font-size: 13px;
	font-weight: 600;
	color: var(--mb-color-secondary);
	text-decoration: none;
	display: flex;
	align-items: center
}

body#home h2 .nobtn i {
	margin-right: 2px;
	float: left
}

body#home h2 .nobtn:hover {
	text-decoration: underline;
	color: var(--mb-color-secondary-hover)
}

body#home>.content>section.home-cat {
	padding: 40px 0 50px 0
}

body#home .home-cat h2 {
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center
}

.home-cat h2>strong {
	color: var(--mb-color2, #2c2c2c);
	font-size: 28px
}

.home-cat h2>span {
	color: var(--mb-color7);
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	margin: 6px 0 10px 0
}

#home-cat {
	width: auto;
	max-width: 100%;
	overflow-x: auto;
	display: grid;
	grid-auto-flow: column dense;
	grid-gap: 8px;
	grid-template-rows: repeat(var(--mb-home-cat-rows, 2), 125px);
	grid-auto-columns: 110px;
	justify-items: center
}

#home-cat a {
	width: 100px;
	margin: 0;
	padding: 10px 8px 8px 8px;
	transition: 0.2s;
	border-bottom: 3px solid #fff0;
	border-radius: 4px
}

#home-cat a>div {
	transition: 0.2s;
	display: block;
	margin: 0 auto 4px auto;
	text-align: center;
	position: relative;
	width: 68px;
	height: 68px;
	display: flex;
	align-items: center;
	justify-content: center
}

#home-cat a:hover {
	text-decoration: none;
	border-bottom-color: var(--mb-color-secondary);
	background: #f0f0f0
}

#home-cat a:hover>div {
	transform: scale(1.25)
}

#home-cat a:not(:hover) {
	border-bottom-color: transparent !important
}

#home-cat a>div i {
	font-size: 26px;
	line-height: 44px;
	text-align: center;
	transition: 0.2s
}

#home-cat a>div img,
#home-cat a>div svg {
	opacity: 1;
	max-width: 54px;
	width: auto;
	height: 44px;
	max-height: 44px;
	object-fit: contain
}

#home-cat a>div>span.lab {
	font-weight: 600;
	font-size: 11px;
	padding: 2px 6px;
	border-radius: 100px;
	color: #f9f9f9;
	background: var(--mb-color-primary);
	position: absolute;
	right: -6px;
	top: 4px;
	box-shadow: 0 1px 2px rgb(0 0 0 / .25)
}

#home-cat a>div>span.lab.new {
	background: var(--mb-color-secondary)
}

#home-cat a>h3 {
	display: flex;
	height: 32px;
	text-align: center;
	overflow: hidden
}

#home-cat a>h3 span {
	margin: auto;
	display: block;
	font-size: 14px;
	font-weight: 600;
	line-height: 16px
}

section.home-blog h2 {
	margin-bottom: 20px
}

.blog-box {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	width: calc(100% + 16px);
	margin: 6px -8px;
	grid-gap: 8px
}

.blog-box>a {
	display: flex;
	flex-direction: row;
	border-radius: 5px;
	padding: 8px;
	overflow: hidden
}

.blog-box>a:hover {
	box-shadow: 0 3px 12px rgb(0 0 0 / .3);
	text-decoration: none;
	background: #f8f8f8
}

.blog-box>a>img {
	object-fit: cover;
	width: 120px;
	height: 112px;
	margin-right: 12px;
	border-radius: 5px;
	box-shadow: 0 1px 2px rgb(0 0 0 / .2)
}

.blog-box>a>.data {
	padding: 4px 0 6px 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	max-width: calc(100% - 102px)
}

.blog-box>a h3 {
	font-size: 16px;
	font-weight: 600;
	color: var(--mb-color2, #2c2c2c);
	margin-bottom: 4px;
	line-height: 19px;
	max-height: 39px;
	overflow: hidden
}

.blog-box>a .desc {
	font-size: 14px;
	color: #555;
	line-height: 18px;
	height: 37px;
	overflow: hidden;
	margin: 0 0 4px 0
}

.blog-box>a .read {
	color: var(--mb-color-primary);
	transition: 0.2s;
	font-size: 13px;
	font-weight: 600;
	line-height: 16px;
	opacity: 0;
	margin: auto -9px 0 -9px
}

.blog-box>a:hover .read {
	opacity: 1;
	margin-left: 1px;
	margin-right: 1px
}

body#home>.content>section.home-business {
	padding-top: 10px
}

.business-box {
	display: inline-block;
	width: 100%;
	margin: 5px 0 0 0
}

body #bpr-seller.bpr-block .bpr-inside-all,
#bpr-seller .bpr-inside-all {
	margin: 0 -8px;
	width: calc(100% + 16px);
	position: relative
}

body #bpr-seller.bpr-block>.bpr-title {
	display: none
}

body #bpr-seller.bpr-block .bpr-comp,
#bpr-seller .bpr-comp {
	border-radius: 6px;
	border: none;
	box-shadow: 0 1px 3px rgb(0 0 0 / .25);
	width: calc(20% - 16px) !important;
	min-width: initial;
	max-width: initial;
	margin: 0 8px 16px 8px
}

body #bpr-seller.bpr-block .bpr-comp:hover {
	box-shadow: 0 1px 3px rgb(0 0 0 / .25), 0 0 0 2px var(--mb-color-primary)
}

body .bpr-comp .bpr-icon-wrap .bpr-icon>div {
	border: none;
	background-color: #fff0;
	padding-top: 100%;
	box-shadow: 0 2px 8px rgb(0 0 0 / .3)
}

body #bpr-seller.bpr-block .bpr-title {
	font-size: 16px;
	line-height: 1.2;
	margin-top: 6px;
	margin-bottom: 12px;
	color: var(--mb-color2, #2c2c2c)
}

body .bpr-comp .bpr-icon-wrap .bpr-icon {
	margin: -40% 0 0 -25%;
	width: 50%
}

body .bpr-comp .bpr-cover .bpr-wrap {
	border-radius: 6px 6px 0 0
}

body #bpr-seller.bpr-block {
	margin: 0;
	max-width: 100%
}

body .bpr-comp .bpr-icon-wrap {
	z-index: 2
}

body .bpr-profile .bpr-links a,
body .bpr-filters .bpr-show-all {
	color: var(--mb-color-secondary);
	font-weight: 600
}

body .bpr-profile .bpr-links a:hover,
body .bpr-filters .bpr-show-all:hover {
	color: var(--mb-color-secondary-hover)
}

body .bpr-filters>strong {
	color: var(--mb-color-primary);
	border-color: var(--mb-color-primary)
}

.picker {
	z-index: 2
}

.picker.location {
	position: relative
}

.picker.location .results,
.picker.pattern .results,
.picker.category .results,
.simple-select .list {
	display: none;
	position: absolute;
	top: 100%;
	background: #fff;
	width: 100%;
	padding: 5px 0;
	max-height: 320px;
	overflow-y: auto !important;
	z-index: 4;
	border: 1px solid #fff;
	border-radius: 5px;
	margin-top: 4px;
	box-shadow: 0 7px 14px rgb(0 0 0 / .35)
}

.picker.location .results:empty,
.picker.pattern .results:empty,
.picker.category .results:empty {
	display: none
}

.picker.location.loading .results:after,
.picker.pattern.loading .results:after,
.picker.category.loading .results:after {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	border-radius: 5px;
	background: rgb(255 255 255 / .6);
	content: "";
	cursor: wait
}

.picker.location.loading:after,
.picker.pattern.loading:after,
.picker.pattern.mobile.loading>.input-box:after,
.picker.category.loading:after {
	position: absolute;
	z-index: 3;
	content: "";
	width: 26px;
	height: 26px;
	display: block;
	right: 7px;
	top: calc(50% - 13px);
	background: #fff url(../../themes/zeta/images/input-loader.webp) no-repeat center center;
	background-size: 100%;
	border-radius: 6px
}

.picker.v2.loading:after {
	background-color: #ececec
}

#main-search .picker.v2.loading:after {
	background-color: #fff
}

.def-loc-box .picker.location.loading:after {
	margin-right: 1px
}

.item-publish .box section .picker.location {
	z-index: 4
}

.picker.pattern.loading:after {
	width: 28px;
	height: 28px;
	right: 8px;
	top: calc(50% - 14px)
}

.picker.pattern.mobile.loading:after {
	display: none
}

.picker.pattern.mobile.loading>.input-box:after {
	right: 6px
}

.picker.location .option,
.picker.pattern .option,
.picker.category .option,
#side-menu .box .section a.option,
#def-location a.option,
.option.standalone {
	display: inline-block;
	width: 100%;
	margin: 0;
	padding: 10px 12px;
	font-size: 15px;
	line-height: 18px;
	transition: 0.2s;
	cursor: pointer;
	color: var(--mb-color2, #2c2c2c)
}

.picker.location .option:hover,
.picker.location .option:active,
.picker.category .option:hover,
.picker.category .option:active,
.picker.pattern .option:hover,
.picker.pattern .option:active,
.option.standalone:active,
.option.standalone:hover {
	background: rgb(59 73 223 / 10%);
	color: var(--mb-color-primary)
}

.picker.location .option>span,
.option.standalone>span {
	display: inline-block;
	font-weight: 600;
	margin-right: 2px
}

.picker.category .option>span {
	display: inline-block;
	font-weight: 600
}

.picker.location .option>span:after,
.option.standalone>span:after {
	content: ", "
}

.option.standalone {
	margin: 0
}

.option.standalone:hover {
	text-decoration: none
}

.option.standalone svg {
	color: rgb(0 0 0 / .5);
	width: 18px;
	height: 18px;
	position: absolute;
	left: 17px;
	top: calc(50% - 9px);
	text-align: center;
	fill: var(--mb-color2, #2c2c2c)
}

.picker .option>em,
#def-location a>em,
#side-menu .box .section .popular a>em,
#side-menu .box .section .recent a>em,
.option.standalone>em {
	display: inline-block;
	font-size: 11px;
	color: #999;
	font-style: normal;
	font-weight: 400
}

.picker .option>u {
	font-weight: 500
}

.picker .option-empty {
	padding: 12px 16px;
	color: #777;
	font-size: 15px;
	line-height: 18px
}

.picker.category .option>em {
	font-size: 13px;
	color: #666
}

.picker.category .option>em:before {
	content: ", "
}

.option.standalone.all-loc span:after,
.option.standalone.defloc2.not-located span:after {
	display: none
}

.picker.v2 .option,
.option.standalone {
	padding: 8px 16px 8px 40px;
	position: relative
}

.picker.v2 .results {
	max-height: 360px
}

.picker.v2 .results .row {
	margin: 6px 0 10px 0
}

.picker.v2 .results .row:last-child {
	margin-bottom: 4px
}

.picker.v2 .results .row.minlength {
	padding: 9px 16px;
	font-weight: 600;
	color: var(--mb-color-primary);
	margin: -5px 0 10px 0;
	font-size: 13px;
	border-radius: 5px 5px 0 0;
	border-bottom: 1px solid #ccc;
	z-index: 2
}

.picker.v2 .results a:after {
	font-family: "Font Awesome 5 Free";
	font-size: 16px;
	height: 16px;
	color: rgb(0 0 0 / .5);
	position: absolute;
	left: 16px;
	top: calc(50% - 9px);
	font-weight: 900
}

.picker.v2 .patterns a:after,
.picker.v2 .default .recent.locations a:after {
	margin-left: 1px;
	content: "\f1da"
}

.picker.v2 .searches a:after {
	margin-left: 2px;
	content: "\f002";
	font-size: 14px
}

.picker.v2 .categories a:after {
	margin-left: 1px;
	content: "\f86d";
	font-size: 14px
}

.picker.v2 .locations a:after {
	margin-left: 2px;
	content: "\f3c5"
}

.picker .clean {
	display: none;
	z-index: 2;
	padding: 5px;
	cursor: pointer;
	transition: 0.2s;
	position: absolute;
	right: 6px;
	top: calc(50% - 15px);
	font-size: 18px;
	line-height: 20px;
	color: #999;
	width: 30px;
	height: 30px;
	border-radius: 5px
}

.picker .clean:hover {
	color: #666
}

.picker.has-icon input[type="text"],
.has-icon input[type="text"] {
	padding-left: 42px
}

.picker .icon,
.has-icon .icon,
.input-box .icon-curr {
	z-index: 2;
	position: absolute;
	left: 6px;
	top: calc(50% - 15px);
	font-size: 16px;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	color: #999;
	fill: #999
}

.input-box .icon-curr {
	font-size: 14px;
	font-weight: 700;
	letter-spacing: -.5px;
	white-space: nowrap;
	color: var(--mb-color4)
}

.picker svg.icon,
.has-icon svg.icon {
	padding: 7px
}

.picker.location svg.icon {
	padding: 6px
}

.picker.mobile .clean {
	right: 3px
}

.picker.v2 .results .row.defloc {
	padding: 5px 16px;
	margin-top: 8px
}

.picker.v2 .results .row.defloc>a {
	transition: 0.2s;
	font-weight: 700;
	color: var(--mb-color-primary);
	padding: 7px 40px 7px 8px;
	position: relative;
	background: rgb(59 73 223 / 8%);
	display: inline-block;
	border-radius: 6px
}

.picker.v2 .results .row.defloc>a:hover {
	background: rgb(59 73 223 / 12%)
}

.picker.v2 .results .row.defloc>a svg {
	fill: var(--mb-color-primary);
	vertical-align: -4px;
	margin-right: 4px
}

.picker.v2 .results .row.defloc>a .input-clean {
	color: #888;
	transition: 0.2s;
	position: absolute;
	right: 0;
	top: calc(50% - 12px);
	right: 7px;
	font-size: 18px;
	line-height: 20px;
	cursor: pointer;
	padding: 2px;
	width: 24px;
	height: 24px;
	text-align: center;
	cursor: pointer
}

.picker.v2 .results .row.defloc>a .input-clean:hover {
	color: #555
}

.picker.v2.mobile {
	position: unset
}

.picker.v2.mobile .results {
	display: block;
	left: 0;
	top: 48px;
	margin: 0;
	border-radius: 0;
	border: none;
	background: #fff;
	padding-top: 12px;
	border-bottom: 1px solid #ccc;
	max-height: calc(100vh - 96px);
	height: calc(100vh - 96px);
	min-height: calc(100vh - 96px)
}

.simple-select.simple-sort .list {
	min-width: 174px
}

#menu-cover {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 8;
	background: rgb(0 0 0 / .5);
	!backdrop-filter: blur(4px)
}

#menu-cover .close {
	display: none;
	position: absolute;
	right: 10px;
	top: 6px;
	width: 36px;
	padding: 1px;
	height: 36px;
	color: #f9f9f9;
	border-radius: 6px
}

#side-menu {
	display: none;
	font-size: 16px;
	overflow: hidden;
	color: var(--mb-color2, #2c2c2c);
	line-height: 20px;
	max-height: 85vh;
	position: fixed;
	left: 0;
	top: auto;
	bottom: 0;
	!max-width: calc(100% - 54px);
	z-index: 99;
	background: #fff;
	box-shadow: 1px 0 5px rgb(0 0 0 / .2)
}

#side-menu .close {
	position: absolute;
	top: 16px;
	right: 16px;
	width: 24px;
	height: 24px;
	color: var(--mb-color5);
	z-index: 12
}

#side-menu.box-open {
	overflow-y: hidden
}

#side-menu>.wrap {
	height: auto;
	overflow-y: auto;
	max-width: 100%;
	margin-top: 56px;
	display: flex;
	flex-direction: column;
	max-height: calc(85vh - 56px);
	overflow-y: auto;
	align-items: stretch
}

#side-menu>.wrap.wmain {
	padding-bottom: 8px
}

#side-menu .section,
#def-location .section {
	padding: 8px 0
}

#side-menu .section.delim-top {
	border-top: 1px solid #ddd
}

#side-menu .section:not(:has(*)) {
	display: none
}

#side-menu .section a,
#def-location a {
	width: 100%;
	display: block;
	padding: 10px 16px 10px 60px;
	line-height: 20px;
	margin: 3px 0;
	color: var(--mb-color2, #2c2c2c);
	font-size: 15px;
	font-weight: 400;
	position: relative
}

#side-menu .section a svg,
#def-location a.svg,
#side-menu .menu-hooks a>i {
	position: absolute;
	width: 30px;
	height: 22px;
	fill: var(--mb-color5);
	color: var(--mb-color5);
	left: 16px;
	top: calc(50% - 10px);
	z-index: 3;
	background: #fff;
	padding: 2px
}

#side-menu .menu-hooks a:before {
	text-align: center;
	position: absolute;
	width: 30px;
	height: 20px;
	line-height: 20px;
	color: var(--mb-color2, #2c2c2c);
	fill: var(--mb-color2, #2c2c2c);
	left: 16px;
	top: calc(50% - 10px);
	z-index: 2;
	content: "\f111";
	font-weight: 400;
	font-size: 20px;
	font-family: "Font Awesome 5 Free"
}

#side-menu .section a.register svg,
#side-menu .section a.profile svg {
	margin-left: 3px
}

#side-menu .section a.login svg {
	margin-left: -1px
}

#side-menu .section a .indicator {
	margin: 0;
	position: absolute;
	right: 16px;
	left: auto;
	top: calc(50% - 8px);
	fill: #777;
	width: 8px;
	height: 16px
}

#side-menu .section a .counter {
	margin: 0;
	position: absolute;
	right: 16px;
	left: auto;
	top: calc(50% - 12px);
	font-weight: 500;
	font-size: 13px;
	border-radius: 100px;
	color: #fff;
	background: var(--mb-color-primary);
	box-shadow: 0 1px 2px rgb(0 0 0 / .1);
	line-height: 24px;
	padding: 0 3px;
	text-align: center;
	min-width: 24px;
	height: 24px
}

#side-menu .box {
	display: none;
	position: absolute;
	top: auto;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	min-height: 100%;
	overflow-y: auto !important;
	background: #fff;
	z-index: 4;
	max-width: 100%
}

#side-menu .box .nav {
	height: 56px;
	padding: 0 16px;
	display: flex;
	align-items: center;
	box-shadow: 0 1px 3px rgb(0 0 0 / .25);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}

#side-menu .box .nav i {
	line-height: 22px
}

#side-menu .box .nav .back {
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 10px 0 0;
	text-align: center;
	border-radius: 5px
}

#side-menu .box .nav .back svg,
#side-menu .box .nav .back i {
	height: 28px;
	width: auto;
	text-align: center;
	fill: var(--mb-color5);
	padding: 4px
}

#side-menu .box .nav>span {
	font-weight: 700
}

#side-menu .box .section {
	padding: 8px 0;
	position: absolute;
	top: 56px;
	bottom: 0;
	left: 0;
	right: 0;
	overflow-y: auto
}

#side-menu .box .section a,
#def-location .section a {
	padding: 12px 16px;
	line-height: 20px;
	margin: 4px 0
}

#side-menu a.lang img {
	width: 30px;
	height: 20px;
	float: left;
	margin: 0 12px 0 0;
	border-radius: 2px;
	box-shadow: 0 0 0 1px rgb(0 0 0 / .15);
	object-fit: cover
}

#def-location .section.lead {
	padding: 26px 10px 26px 110px
}

#side-menu .section.lead {
	padding: 10px 16px;
	height: 56px;
	position: absolute;
	top: 0;
	left: 0;
	background: #fff;
	z-index: 3;
	width: 100%;
	box-shadow: 0 1px 3px rgb(0 0 0 / .25)
}

#side-menu .section.lead>a {
	display: inline-flex;
	align-items: center;
	padding: 0;
	margin: 0;
	width: auto;
	max-width: calc(100% - 48px)
}

#side-menu .section.lead>a:hover {
	text-decoration: none
}

#side-menu .section.lead>a img {
	width: 36px;
	height: 36px;
	object-fit: cover;
	box-shadow: 0 1px 3px rgb(0 0 0 / .2);
	margin: 0 12px 0 0;
	border-radius: 100px
}

#side-menu .section.lead>a strong {
	font-size: 18px;
	line-height: 20px;
	max-width: calc(100% - 48px)
}

#def-location a.img-container {
	transition: 0.2s;
	position: absolute;
	left: 16px;
	top: 16px;
	width: 82px;
	height: 82px;
	padding: 0;
	border-radius: 100px;
	overflow: hidden;
	box-shadow: 0 1px 2px rgb(0 0 0 / .15)
}

#def-location a.img-container:hover {
	box-shadow: 0 1px 10px rgb(0 0 0 / .5), 0 0 0 1px rgb(0 0 0 / .15)
}

#def-location a.img-container img {
	width: 82px;
	height: 82px;
	max-width: 82px;
	max-height: 82px;
	object-fit: cover
}

#def-location a.img-container svg {
	position: absolute;
	top: auto;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 26px;
	background: rgb(0 0 0 / .7);
	fill: #fff;
	padding: 4px 0 6px 0
}

#side-menu .section.lead .line1,
#side-menu .section.lead .line2,
#side-menu .section.lead .line3 {
	padding: 0;
	margin: 0;
	display: inline-block;
	width: 100%
}

#def-location .section.lead .line1,
#def-location .section.lead .line2,
#def-location .section.lead .line3 {
	padding: 0;
	margin: 0;
	display: inline-block;
	width: 100%
}

#def-location .line1 {
	font-size: 14px;
	font-weight: 400;
	color: #777
}

#def-location .line1 img {
	float: right;
	height: 30px;
	width: auto;
	margin: -5px 0 -20px 0
}

#def-location .line2 {
	font-size: 20px;
	color: var(--mb-color2, #2c2c2c);
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	margin: 3px 0
}

#def-location .line3 {
	color: var(--mb-color2, #2c2c2c);
	text-decoration: underline;
	font-size: 14px;
	font-weight: 500
}

#side-menu .box.location .row,
#def-location .row {
	padding: 10px 16px;
	border-bottom: 1px solid #ccc
}

#side-menu .box.location .row.current {
	padding: 10px 16px 20px 16px
}

#zetModal #def-location>.wrap {
	padding: 20px 0 0 0
}

#def-location .row.current {
	padding: 20px 16px 20px 16px
}

#side-menu .box.location .row:last-child,
#def-location .row:last-child {
	border-bottom: none
}

#side-menu .box.location .row.picker,
#def-location .row.picker {
	padding: 16px 16px 0 16px;
	border: none;
	position: relative;
	z-index: 5
}

#side-menu .box.location .row.recent,
#side-menu .box.location .row.popular {
	padding-left: 3px;
	padding-right: 3px
}

#def-location .row.picker {
	position: relative;
	z-index: 2
}

#side-menu .box.location .lead,
#def-location .lead,
.results .lead {
	color: #666;
	font-weight: 500;
	padding: 6px 16px 4px 16px;
	font-size: 13px;
	line-height: 16px
}

#side-menu .navigator a.locate-me,
#def-location .navigator a.locate-me,
.navigator a.locate-me {
	display: block;
	transition: 0.2s;
	width: 100%;
	color: var(--mb-color1);
	padding-left: 58px;
	position: relative;
	margin-bottom: 10px;
	background: var(--mb-color-secondary-light);
	border-radius: 6px
}

#side-menu .navigator a.locate-me:hover,
#def-location .navigator a.locate-me:hover,
.navigator a.locate-me:hover {
	background: var(--mb-color-secondary-lighter);
	text-decoration: none
}

#side-menu .navigator a.locate-me svg,
#def-location .navigator a.locate-me svg,
.navigator a.locate-me svg {
	position: absolute;
	top: calc(50% - 13px);
	width: 26px;
	height: 26px;
	left: 16px;
	fill: var(--mb-color7);
	background: #fff0
}

#user-loc .navigator {
	margin-bottom: 10px
}

#user-loc .navigator a.locate-me {
	background: var(--mb-color-secondary-lighter);
	border-radius: 8px;
	padding: 6px 10px 12px 58px;
	display: inline-block;
	max-width: 100%;
	margin: 2px 0
}

#user-loc .navigator a.locate-me:hover {
	background: var(--mb-color-secondary-light)
}

#side-menu .navigator strong,
#def-location .navigator strong,
.navigator strong {
	display: block
}

#def-location .navigator strong,
#user-loc .navigator strong {
	font-size: 16px;
	margin-bottom: 0;
	font-weight: 600
}

#side-menu .navigator span,
#def-location .navigator span,
.navigator span {
	display: block;
	font-size: 14px;
	line-height: 16px;
	font-weight: 400;
	color: #777
}

#side-menu .navigator span.refresh,
#def-location .navigator span.refresh,
.navigator span.refresh {
	color: #777;
	margin-top: 4px;
	font-size: 13px;
	text-decoration: none;
	font-style: italic;
	display: inline-block
}

#side-menu .input-box,
#def-location .input-box {
	margin: 0
}

#side-menu .box.location .input-box input,
#def-location .input-box input {
	padding-left: 42px;
	width: 100%;
	height: 48px;
	font-size: 17px
}

#side-menu .input-box svg,
#def-location .input-box svg {
	width: 22px;
	height: 22px;
	padding: 3px;
	fill: #999;
	position: absolute;
	left: 8px;
	top: calc(50% - 11px)
}

#def-location .input-box svg {
	left: 10px
}

#side-menu .box .section .recent a,
#side-menu .box .section .popular a,
#def-location .recent a,
#def-location .popular a {
	font-weight: 400;
	padding: 8px 16px 8px 40px;
	position: relative
}

#side-menu .box .section .recent a:after,
#def-location .recent a:after {
	margin-left: 1px;
	content: "\f1da";
	font-family: "Font Awesome 5 Free";
	font-size: 16px;
	height: 16px;
	color: var(--mb-color2, #2c2c2c);
	position: absolute;
	left: 16px;
	top: calc(50% - 9px);
	font-weight: 900
}

#side-menu .box .section .popular a:after,
#def-location .popular a:after {
	margin-left: 1px;
	content: "\f3c5";
	font-family: "Font Awesome 5 Free";
	font-size: 16px;
	height: 16px;
	color: var(--mb-color2, #2c2c2c);
	position: absolute;
	left: 16px;
	top: calc(50% - 11px);
	font-weight: 900
}

#side-menu .box .section .row.buttons,
#def-location .row.buttons {
	padding: 16px
}

#side-menu .box .section .buttons a.btn,
#def-location .buttons a.btn {
	color: #fff;
	padding: 8px;
	font-size: 14px
}

#side-menu .box .section .buttons a.btn:hover,
#def-location .buttons a.btn:hover {
	color: #fff
}

#side-menu .menu-hooks {
	width: 100%
}

#side-menu .menu-hooks li {
	display: block;
	list-style-type: none
}

#side-menu .menu-hooks a>i {
	font-size: 20px;
	line-height: 20px;
	text-align: center
}

#side-menu .menu-hooks li.opt_favorite_items,
#side-menu .menu-hooks li.opt_instant_messenger,
#side-menu .menu-hooks li.opt_osclass_pay,
#side-menu .menu-hooks li.opt_bpr_profile {
	display: none
}

#side-menu .menu-hooks li.opt_osp_payment {
	display: none
}

#side-menu .box.filter input[type="text"],
#side-menu .box.filter select {
	width: 100%
}

#side-menu .box.filter .row {
	margin: 0 0 12px 0
}

#side-menu .box.filter .row.checkboxes {
	margin: 2px 0 0 0
}

#side-menu .box.filter .section {
	padding: 10px 16px 0 16px
}

#side-menu #search-category-box {
	display: none
}

#side-menu,
#side-menu .box,
#side-menu>.wrap {
	width: 100%;
	border-radius: 16px 16px 0 0
}

#navi-bar {
	z-index: 5;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 48px;
	display: flex;
	background: #fff;
	box-shadow: 0 -1px 0 0 #ddd;
	padding-left: 6px
}

#navi-bar a.btn-regular {
	max-width: 20%;
	text-align: center;
	flex: 1;
	padding: 6px 2px 0 2px;
	letter-spacing: -.2px;
	color: #888;
	position: relative
}

#navi-bar a.btn-regular>svg {
	width: 22px;
	height: 22px;
	fill: var(--mb-color7);
	margin: 0 0 3px 0
}

#navi-bar a.btn-regular>span {
	width: 100%;
	font-size: 10px;
	line-height: 12px;
	height: 13px;
	font-weight: 400;
	display: block;
	word-break: break-all;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 0 2px
}

#navi-bar a.btn-regular.active {
	font-weight: 700;
	color: var(--mb-color2, #2c2c2c)
}

#navi-bar a.btn-regular.active>svg {
	fill: var(--mb-color2, #2c2c2c)
}

#navi-bar a.btn-regular.active>span {
	font-weight: 600
}

#navi-bar a.btn-regular.active:not(.post):after {
	content: "";
	width: 7px;
	height: 7px;
	border-radius: 10px;
	background: var(--mb-color-primary);
	position: absolute;
	top: 5px;
	left: calc(50% + 9px)
}

#navi-bar a.btn-regular.active.post>svg {
	background: var(--mb-color2, #2c2c2c);
	fill: #f9f9f9;
	padding: 7px 2px
}

#navi-bar a.btn-regular .counter {
	position: absolute;
	right: calc(50% - 24px);
	top: 3px;
	height: 16px;
	min-width: 16px;
	width: auto;
	line-height: 16px;
	padding: 0 3px;
	border-radius: 100px;
	z-index: 2;
	background: var(--mb-color-secondary);
	color: #fff;
	font-size: 10px;
	font-weight: 600
}

#navi-bar .favorite .counter,
#navi-bar .alerts .counter {
	margin-right: 3px
}

#navi-bar a.btn-regular i.mark {
	position: absolute;
	right: calc(50% - 15px);
	font-size: 12px;
	top: 5px;
	color: var(--mb-color-secondary);
	text-shadow: -1px 1px 1px #fff
}

#navi-bar a.btn {
	max-width: 110px;
	min-width: 20%;
	font-weight: 600;
	height: 36px;
	margin: 6px 16px;
	border-radius: 5px;
	font-size: 14px;
	line-height: 15px;
	padding: 3px 12px;
	display: flex;
	align-items: center;
	justify-content: center
}

#navi-bar a.btn>svg {
	width: 15px;
	height: 15px;
	margin-right: 6px;
	fill: #fff
}

.item-publish .content {
	padding: 24px 0 36px 0
}

.item-publish h1 {
	margin: 0 0 18px 0;
	font-size: 24px
}

.item-publish h3 {
	margin: 0 0 10px 0;
	font-size: 16px
}

.item-publish .box {
	width: 100%;
	max-width: 640px;
	margin: 0 auto
}

.item-publish section.promo,
.item-publish #breadcrumbs,
.item-publish footer section.one>.col {
	display: none
}

.item-publish footer section.one {
	padding: 0;
	margin: 0
}

.item-publish label {
	margin: 0 0 2px 0;
	width: 100%;
	display: inline-block
}

.item-publish label.auto-width {
	width: auto
}

.item-publish .input-box.d1 {
	margin-bottom: 10px
}

.item-publish .input-box-check {
	margin: 0 0 10px 0
}

.item-publish input[type="text"],
.item-publish input[type="password"],
.item-publish input[type="email"],
.item-publish select {
	width: 100%
}

.item-publish textarea {
	width: 100%
}

.item-publish .box section {
	float: left;
	clear: both
}

.item-publish .box section:not(.buttons-block) {
	position: relative;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 6px 12px rgb(0 0 0 / .2), 0 0 0 1px rgb(0 0 0 / .08);
	margin: 0 0 16px 0
}

.item-publish .box section.buttons-block {
	margin-top: 4px
}

.item-publish .box section h2 {
	display: inline-block;
	margin: 0;
	width: 100%;
	position: relative;
	z-index: 2;
	padding: 16px 16px 4px 16px;
	font-size: 17px;
	font-weight: 700
}

.item-publish .box section h2.first {
	font-size: 20px;
	margin-top: 1px
}

.item-publish .box section .in {
	display: inline-block;
	width: 100%;
	padding: 2px 16px 16px 16px;
	position: relative
}

.item-publish .box section .in.var2 {
	border-bottom: 1px solid #d4d4d4;
	margin-bottom: 12px
}

.item-publish .box section .in.var3 {
	padding-bottom: 22px
}

.item-publish .box section .attr-wrap {
	display: none
}

.item-publish .box section .attr-wrap:has(>.in>#post-hooks>#plugin-hook>*) {
	display: block
}

.item-publish .box section .attr-wrap:has(>.in>#post-hooks2>*) {
	display: block
}

.item-publish .box section #post-hooks:not(:has(*)) {
	display: none
}

.item-publish .box section #plugin-hook:not(:has(*)) {
	display: none
}

.item-publish .box section #post-hooks2:not(:has(*)) {
	display: none
}

.item-publish .box section.location .in {
	z-index: 3
}

.item-publish .box .simple-select .option.info,
.item-publish .box .simple-select .option[data-id=""] {
	display: none
}

.item-publish .box .dsc textarea {
	width: 100%
}

.item-publish .row.category {
	margin-bottom: 10px
}

.item-publish .row.country {
	width: 34%;
	padding-right: 16px;
	float: left
}

.item-publish .row.region {
	width: 50%;
	padding-right: 16px;
	float: left
}

.item-publish .row.country+.row.region,
.item-publish .row.country+.row.region+.row.city {
	width: 33%;
	float: left
}

.item-publish .row.address {
	width: calc(100% - 140px);
	padding-right: 16px;
	float: left
}

.item-publish .row.zip {
	width: 140px;
	float: left
}

.item-publish .row.cityarea,
.item-publish .row.user-email {
	max-width: 360px
}

.item-publish .row.phone {
	float: left;
	width: 45%;
	padding-right: 16px
}

.item-publish .row.phone input#contactPhone,
.item-publish .row.phone input#sPhone {
	width: 100%
}

.item-publish .row.user-email {
	float: left;
	width: 55%
}

.item-publish .category select {
	width: calc(50% - 8px);
	margin: 0 8px 8px 0
}

.item-publish .seller .input-box-check {
	margin: -10px 0 20px 0
}

.item-publish .link-update {
	display: inline-block;
	margin: 0 0 2px 0;
	font-weight: 500;
	color: var(--mb-color-primary)
}

.item-publish .link-update.location {
	margin-top: 0;
	color: var(--mb-color-primary)
}

.item-publish section.info .in {
	padding-bottom: 0
}

.item-publish #plugin-hook {
	margin: 0 0 8px 0
}

.item-publish #plugin-hook:empty {
	display: none
}

.item-publish .buttons-block button.btn {
	font-size: 17px;
	height: 48px;
	padding: 13px 15px;
	width: 100%
}

.item-publish input#price {
	max-width: 360px;
	padding-left: 94px
}

.item-publish .enter.disable input#price {
	color: #fff0;
	transition: 0s
}

.item-publish select#currency {
	position: absolute;
	width: 80px;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: -.2px;
	border-radius: 4px 0 0 4px;
	left: 5px;
	top: 5px;
	height: 30px;
	padding: 0 2px;
	border: none;
	border-right: 1px solid #ccc
}

.item-publish .or {
	margin: 0 0 20px 0;
	color: #888
}

.item-publish .or:before,
.item-publish .or:after {
	display: inline-block;
	width: 80px;
	border-top: 1px solid #ccc;
	content: "";
	vertical-align: 3px
}

.item-publish .or span {
	margin: 0 10px;
	display: inline-block;
	font-style: italic
}

.item-publish .selection a {
	display: inline-flex;
	align-items: center;
	margin: 0 12px 10px 0;
	padding: 6px 12px;
	font-size: 14px;
	height: 34px;
	border-radius: 100px;
	box-shadow: none;
	background: var(--mb-color-secondary-lighter);
	border: 1px solid rgb(0 0 0 / .2);
	color: var(--mb-color2, #2c2c2c);
	font-weight: 400
}

.item-publish .selection a.active {
	background-color: var(--mb-color-secondary-light);
	color: var(--mb-color0);
	border-color: var(--mb-color-secondary);
	box-shadow: none
}

.item-publish .selection a:not(.active):hover {
	background-color: var(--mb-color-secondary-light)
}

.item-publish .selection a i {
	margin-right: 5px
}

.item-publish .status-wrap {
	margin: 16px 0 12px 0;
	display: inline-block;
	width: 100%
}

.item-publish .status-wrap .transaction {
	width: auto;
	min-width: 35%;
	max-width: 50%;
	padding-right: 12px;
	float: left
}

.item-publish .status-wrap .condition {
	width: auto;
	min-width: 35%;
	max-width: 50%;
	float: left
}

.item-publish .row.name,
#user-dashboard .headers {
	padding-left: 82px;
	position: relative
}

.item-publish .img-container,
.body-ua .img-container {
	transition: 0.2s;
	position: absolute;
	left: 0;
	top: 1px;
	width: 66px;
	height: 66px;
	border-radius: 100px;
	overflow: hidden;
	box-shadow: 0 1px 2px rgb(0 0 0 / .15)
}

.item-publish .img-container:hover,
.body-ua .img-container:hover {
	box-shadow: 0 1px 10px rgb(0 0 0 / .5), 0 0 0 1px rgb(0 0 0 / .15)
}

.item-publish .img-container img,
.body-ua .img-container img {
	width: 66px;
	height: 66px;
	max-width: 66px;
	max-height: 66px;
	object-fit: cover
}

.item-publish .img-container svg,
.body-ua .img-container svg {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 24px;
	background: rgb(0 0 0 / .7);
	fill: #fff;
	padding: 4px 0 5px 0
}

#plugin-hook h2,
#plugin-hook h3,
#plugin-hook h4 {
	font-weight: 500;
	font-size: 17px;
	line-height: 1.2;
	margin: 0 0 4px 0;
	padding: 0
}

#plugin-hook input[type="checkbox"] {
	width: 18px;
	height: 18px;
	margin: 0 5px 0 0;
	float: left;
	border-radius: 4px
}

#plugin-hook input[type="checkbox"]+label {
	width: auto;
	line-height: 18px;
	font-weight: 400;
	text-align: left;
	margin: 0
}

#plugin-hook #power {
	width: calc(100% - 120px);
	margin-right: 12px;
	max-width: 200px;
	float: left
}

#plugin-hook #power_unit {
	width: 100px;
	margin-right: 12px;
	float: left
}

#plugin-hook .car-attr-post input,
#plugin-hook .car-attr-post select {
	max-width: 360px
}

#plugin-hook .meta,
#plugin-hook .row,
#plugin-hook p,
#plugin-hook .control-group {
	display: inline-block;
	width: 100%;
	margin: 0 0 12px 0
}

#plugin-hook .meta_list .meta:last-child {
	margin-bottom: 0
}

#plugin-hook .row._20+.row._20 {
	margin-top: -12px
}

#plugin-hook input[type="checkbox"],
#plugin-hook input[type="radio"] {
	float: left;
	width: 16px !important;
	height: 16px !important;
	margin: 0 4px 6px 0;
	clear: both
}

#plugin-hook input[type="checkbox"]+label,
#plugin-hook input[type="radio"]+label {
	float: left !important;
	clear: none;
	width: auto;
	max-width: calc(100% - 24px);
	font-weight: 600;
	line-height: 16px
}

#plugin-hook input[type="text"],
#plugin-hook input[type="password"],
#plugin-hook input[type="email"],
#plugin-hook input[type="url"],
#plugin-hook input[type="number"],
#plugin-hook input[type="tel"],
#plugin-hook select {
	width: auto;
	height: 36px;
	padding: 4px 8px;
	min-width: 100px
}

#plugin-hook select {
	padding: 0 6px
}

#plugin-hook .osp-promote-form select {
	min-width: 32px
}

#plugin-hook textarea {
	padding: 6px;
	width: auto;
	min-width: 80%;
	max-width: 100%
}

#plugin-hook .tabberlive .tabbertab {
	padding-bottom: 4px
}

#plugin-hook .row._20>label:first-child {
	display: inline-block;
	width: auto;
	margin: 0;
	line-height: 16px
}

#plugin-hook .jobs-attributes>.row:first-child {
	margin-bottom: 0
}

#plugin-hook .controls ul,
#plugin-hook .controls li {
	display: inline-block;
	width: 100%
}

#plugin-hook .atr-select-deselect,
#plugin-hook .atr-select-all {
	margin-bottom: 4px;
	font-size: 13px
}

#plugin-hook input[type="checkbox"]+label,
#plugin-hook input[type="radio"]+label {
	width: auto
}

#plugin-hook table.product-attributes {
	border-spacing: 0
}

#plugin-hook .product-attributes td {
	display: block;
	width: 100%
}

#plugin-hook #mo-check.styled .input-box-check input[type="checkbox"]:checked+label:before {
	border-color: var(--mb-color-primary);
	background-color: var(--mb-color-primary)
}

#plugin-hook .input-box-check input[type="checkbox"]:checked+label:before {
	border-color: var(--mb-color-primary);
	background-color: var(--mb-color-primary)
}

.upload-photos .sub-label {
	display: inline-block;
	width: 100%;
	margin: 0 0 16px 0;
	color: var(--mb-color5)
}

.upload-photos .qq-uploader {
	width: 100%;
	padding: 174px 0 0 0
}

.upload-photos .qq-upload-drop-area,
.upload-photos .qq-upload-extra-drop-area {
	border-radius: 5px;
	transition: 0.1s;
	z-index: 4;
	background: rgb(59 73 223 / 10%)
}

.upload-photos .qq-upload-drop-area.qq-upload-drop-area-active {
	z-index: 4;
	box-shadow: 0 2px 12px 2px rgb(0 0 0 / .35);
	background: rgb(9 174 64 / 10%)
}

.upload-photos .qq-upload-button {
	transition: 0.1s;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	align-items: center;
	opacity: 1;
	font-size: 15px;
	outline: none;
	border: none;
	z-index: 3;
	color: var(--mb-color-secondary);
	background: var(--mb-color-secondary-light);
	border: 1px dashed var(--mb-color-secondary);
	font-size: 15px;
	font-weight: 700;
	text-align: center;
	position: absolute !important;
	left: 0;
	top: 0;
	max-width: 100%;
	width: 100%;
	padding: 20px;
	border-radius: 4px
}

.upload-photos .qq-upload-button:before {
	display: inline-block;
	content: "\f302";
	font-weight: 400;
	margin: 4px 0;
	font-size: 30px;
	font-family: "Font Awesome 5 Free"
}

.upload-photos .qq-upload-button:after {
	margin: 10px 0;
	font-size: 14px;
	color: var(--mb-color7);
	line-height: 18px;
	font-weight: 400
}

.upload-photos .qq-upload-button>div {
	display: inline-block;
	background: var(--mb-color-secondary);
	color: #fff;
	font-weight: 600;
	padding: 9px 16px;
	border-radius: 4px;
	font-size: 14px;
	line-height: 16px;
	transition: 0.2s
}

.upload-photos .qq-upload-button>div:hover {
	color: #fff;
	background: var(--mb-color-secondary-hover)
}

.upload-photos .qq-upload-button input[type="file"] {
	font-size: 14px !important;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	min-width: 0;
	max-width: 100%;
	min-height: 0;
	max-height: 100%
}

.upload-photos .qq-upload-button input[type="file"]::-webkit-file-upload-button {
	cursor: pointer
}

.upload-photos .qq-upload-drop-area span {
	display: none
}

.upload-photos .qq-upload-list {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	column-gap: 8px;
	row-gap: 8px;
	width: 100%;
	clear: both;
	position: relative;
	z-index: 3;
	padding: 10px 2px 8px 2px
}

.upload-photos .qq-upload-list:empty {
	display: none
}

.upload-photos .qq-upload-list li {
	overflow: hidden;
	text-overflow: ellipsis;
	border: 1px solid #ddd;
	box-shadow: 0 2px 5px rgb(0 0 0 / .1);
	font-size: 13px;
	position: relative;
	float: left;
	width: 100%;
	margin: 0;
	border-radius: 4px;
	background: #fff;
	padding: 6px;
	min-height: 140px
}

.upload-photos .qq-upload-list li.qq-upload-success {
	background: #fff
}

.upload-photos .qq-upload-list li .qq-upload-move {
	box-shadow: none
}

.upload-photos .qq-upload-file {
	color: var(--mb-color2, #2c2c2c);
	display: inline-block;
	width: 100%;
	font-size: 13px;
	line-height: 14px;
	font-weight: 400;
	padding: 0;
	margin: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 15px
}

.upload-photos .qq-upload-delete {
	opacity: 0;
	z-index: 3;
	transition: 0.1s;
	position: absolute;
	right: 5px;
	top: 5px;
	margin: 0;
	color: #fff0;
	width: 26px;
	height: 26px;
	overflow: hidden
}

.upload-photos .qq-upload-rotate-img {
	display: none !important
}

.upload-photos li:hover .qq-upload-delete,
.upload-photos li:hover .qq-upload-rotate {
	opacity: 1
}

.upload-photos .qq-upload-delete:before {
	cursor: pointer;
	display: block;
	border-radius: 100px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f1f8";
	width: 26px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	font-size: 13px;
	color: #fff;
	background: #111
}

.upload-photos .qq-upload-delete:hover:before {
	background: #444
}

.upload-photos .ajax_preview_img {
	display: inline-block;
	width: 100%;
	float: left;
	margin-top: 4px;
	clear: both;
	overflow: hidden;
	padding-top: 80%;
	position: relative;
	background: var(--mb-color2, #2c2c2c);
	border-radius: 4px
}

.upload-photos .ajax_preview_img img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	max-width: inherit;
	max-height: inherit;
	object-fit: contain
}

.upload-photos .qq-upload-size {
	display: inline-block !important;
	width: 100%;
	padding: 0;
	margin: 0 0 6px 0;
	font-size: 11px;
	color: #999;
	line-height: 13px
}

.upload-photos .qq-upload-spinner {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -16px 0 0 -16px;
	width: 32px;
	height: 32px;
	display: block;
	background: #fff0 url(../../themes/zeta/images/loader.gif) no-repeat center center;
	background-size: 32px
}

.upload-photos .qq-upload-cancel,
.upload-photos .qq-upload-retry {
	margin: 3px 0;
	padding: 0;
	text-align: center
}

.upload-photos .qq-progress-bar {
	margin: 5px 6px;
	width: calc(100% - 12px)
}

.upload-photos .qq-upload-status-text {
	margin: 0;
	padding: 0;
	font-size: 13px;
	font-weight: 700;
	display: inline-block;
	width: 100%
}

.upload-photos .qq-upload-status-text:empty {
	display: none
}

.upload-photos div[id*='p-'] {
	display: none !important
}

.upload-photos .primary_image {
	opacity: 0;
	transition: 0.1s;
	position: absolute;
	left: 44px;
	top: 5px;
	margin: 0;
	color: #fff0;
	width: 30px;
	height: 30px;
	overflow: hidden
}

.upload-photos li:first-child .primary_image {
	display: none
}

.upload-photos li:hover .primary_image {
	opacity: 1
}

.upload-photos .primary_image:before {
	cursor: pointer;
	display: block;
	border-radius: 100px;
	font-family: "Font Awesome 5 Free";
	content: "\f08d";
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	background: #e00909;
	font-weight: 900
}

.upload-photos .primary_image:hover:before {
	background: #e04c4c
}

.upload-photos h3 {
	display: inline-block;
	margin: 20px 0 10px 0;
	font-size: 16px;
	line-height: 18px
}

.upload-photos>.qq-upload-list {
	padding: 0;
	border: none;
	background: #fff
}

.upload-photos>.qq-upload-list li {
	background: #eaeaea;
	font-size: 0;
	border: 1px solid rgb(0 0 0 / .1);
	box-shadow: 1px 1px 5px rgb(0 0 0 / .05)
}

.tabberlive .tabbertab.tabbertabhide {
	display: none
}

.tabberlive {
	margin: 5px 0 5px 0;
	width: 100%
}

ul.tabbernav {
	margin: 0;
	padding: 0;
	font-size: 14px;
	border-bottom: 3px solid #ccc
}

ul.tabbernav li {
	list-style: none;
	margin: 0;
	display: inline
}

ul.tabbernav li a {
	padding: 8px 4px 5px 4px;
	color: var(--mb-color2, #2c2c2c);
	margin-bottom: -3px;
	margin-right: 5px;
	border-bottom: 3px solid #fff0;
	text-decoration: none;
	display: inline-block
}

ul.tabbernav li a:hover {
	border-bottom: 3px solid var(--mb-color-primary)
}

ul.tabbernav li.tabberactive a {
	transition: 0s;
	font-weight: 700;
	border-bottom: 3px solid var(--mb-color-primary);
	color: var(--mb-color-primary)
}

.tabberlive .tabbertab {
	padding: 10px 0;
	border: none;
	display: inline-block;
	width: 100%
}

.tabberlive .tabbertab h2 {
	display: none
}

.tabberlive .tabbertab h3 {
	display: none
}

.tabberlive .tabbertab ul {
	width: 100%;
	display: inline-block;
	padding: 0
}

.tabberlive .tabbertab ul li {
	width: 100%;
	display: inline-block;
	margin: 0 0 5px 0
}

.tabberlive .tabbertab ul li input[type="text"] {
	margin-right: 5px
}

.tabberlive>button {
	margin-top: 10px
}

#page .page-text.container {
	flex-direction: column
}

#page #breadcrumbs.container,
#page .page-text.container {
	max-width: 760px
}

#page .page-text.container {
	max-width: 760px;
	min-height: calc(100vh - 480px)
}

#page .page-text h1 {
	margin: 0 0 20px 0
}

#page .page-text h2,
#page .page-text h3,
#page .page-text h4,
#page .page-text h5,
#page .page-text h6 {
	margin: 0 0 12px 0
}

#page .page-text section.text {
	margin: 0 0 20px 0;
	min-height: 200px;
	font-size: 15px;
	line-height: 22px
}

#page .page-text section.bottom {
	font-weight: 600;
	margin: 0 0 40px 0;
	padding: 20px 0 0 0;
	border-top: 1px solid var(--mb-color3)
}

#page .page-text section.bottom a {
	color: var(--mb-color-primary)
}

#page .page-text section.bottom a:hover {
	color: var(--mb-color-primary-hover)
}

body.pre-account {
	background: #f0f0f0;
	font-size: 16px
}

.pre-account>.content {
	padding: 30px 0 50px 0
}

.pre-account:not(.has-footer) .content,
.item-publish .content {
	min-height: calc(100vh - 100px);
	background: #fff;
	background: radial-gradient(circle, rgb(255 255 255) 15%, rgb(232 232 232) 85%);
	display: flex;
	flex-direction: column;
	align-items: center
}

.pre-account h1 {
	margin: 0 0 20px 0;
	font-size: 22px;
	color: var(--mb-color1)
}

.pre-account h2 {
	margin: 0 0 22px 0;
	font-size: 15px;
	color: #777;
	font-weight: 600
}

.pre-account input[type="text"],
.pre-account input[type="password"],
.pre-account input[type="email"],
.pre-account select {
	height: 48px;
	width: 100%;
	font-size: 16px;
	font-weight: 400;
	padding: 13px 12px
}

.pre-account select {
	padding: 0 12px
}

.pre-account input[type="file"] {
	width: 100%;
	font-size: 15px
}

.pre-account textarea {
	min-height: 48px;
	width: 100%;
	font-size: 15px;
	font-weight: 400;
	padding: 13px 12px;
	height: 100px
}

.pre-account a.alt-action {
	margin: 24px 0 12px 0;
	display: block;
	text-align: center;
	font-size: 14px;
	font-weight: 600
}

.pre-account a.alt-action2 {
	margin: 0;
	display: block;
	font-size: 14px;
	font-weight: 400
}

.pre-account .box {
	width: 100%;
	max-width: 420px;
	margin: 0 auto;
	border-radius: 6px;
	padding: 24px;
	background: #fff;
	box-shadow: 0 10px 20px rgb(0 0 0 / .35)
}

.pre-account#contact .box {
	max-width: 540px
}

.pre-account>.content>section.container {
	position: relative;
	min-height: 430px;
	align-items: flex-start;
	flex: 1;
	justify-content: center;
	padding: 0 12px
}

.pre-account>.content>section.container>.box {
	position: relative;
	z-index: 2
}

.pre-account>.content>section.container:after {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	width: 430px;
	height: 100%;
	z-index: 1;
	opacity: .6;
	background-size: 100% auto;
	background-position: top right;
	background-repeat: no-repeat
}

.pre-account>.content>section.container:after {
	background-image: url(../../themes/zeta/images/account-cover.png)
}

.pre-account.contact>.content>section.container:after {
	background-image: url(../../themes/zeta/images/contact-cover.png);
	top: 5%;
	width: 460px;
	height: 460px
}

.pre-account section.promo,
.pre-account #breadcrumbs,
.pre-account:not(.has-footer) footer section.zero,
.pre-account:not(.has-footer) footer section.one {
	display: none
}

.item-publish section.promo,
.item-publish #breadcrumbs,
.item-publish footer section.zero,
.item-publish footer section.one {
	display: none
}

.pre-account .row label {
	margin: 0 0 3px 0;
	width: 100%;
	display: inline-block;
	font-size: 14px;
	font-weight: 600;
	line-height: 16px;
	color: var(--mb-color2, #2c2c2c);
	padding: 0 2px
}

.pre-account .content .btn {
	font-size: 16px;
	line-height: 19px;
	height: auto;
	padding: 11px 15px;
	width: 100%
}

.pre-account .input-box-check {
	width: auto;
	margin: 0
}

.pre-account .input-box-check label {
	text-transform: none;
	font-weight: 600
}

.pre-account .input-box-two {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: row;
	margin: 0 0 20px 0;
	width: 100%
}

.pre-account:not(.has-footer) footer,
.item-publish footer {
	padding: 16px 0 10px 0
}

.pre-account:not(.has-footer) footer section.two,
.item-publish footer section.two {
	margin: 0;
	padding: 0;
	border: none;
	font-size: 13px;
	color: #fff
}

.pre-account:not(.has-footer) footer section.two a,
.item-publish footer section.two a {
	color: #fff
}

.pre-account:not(.has-footer) footer section.two a:hover,
.item-publish footer section.two a:hover {
	color: #d299ff
}

ul.breadcrumb {
	display: inline-block;
	width: 100%;
	margin: 20px 0;
	line-height: 15px;
	font-size: 13px;
	color: var(--mb-color5)
}

ul.breadcrumb li {
	display: inline-block
}

ul.breadcrumb li>span {
	position: relative
}

ul.breadcrumb a {
	color: var(--mb-color5);
	font-weight: 400
}

ul.breadcrumb a:hover {
	text-decoration: underline;
	color: var(--mb-color3)
}

ul.breadcrumb li b {
	font-weight: 600
}

body#item #breadcrumbs,
body#public #breadcrumbs {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center
}

.item-bread ul.breadcrumb {
	font-size: 13px;
	line-height: 16px;
	margin: 2px 0 10px 0;
	color: var(--mb-color7)
}

.item-bread ul.breadcrumb a {
	color: var(--mb-color7)
}

.navlinks {
	white-space: nowrap
}

.navlinks a {
	white-space: nowrap;
	border: 1px solid #ddd;
	background: #fff0;
	transition: 0.2s;
	font-size: 13px;
	line-height: 16px;
	font-weight: 600;
	border-radius: 6px;
	margin: 0 0 0 1px;
	padding: 3px 6px;
	color: #404040
}

.navlinks a:hover {
	border-color: #bbb;
	text-decoration: none;
	background: #fff
}

.navlinks a i {
	font-size: 12px
}

body#search #header-search,
body#item #header-search {
	display: block
}

#header-search {
	display: none;
	position: fixed;
	top: 49px;
	left: 0;
	width: 100%;
	height: 56px;
	z-index: 7;
	background: #fff;
	box-shadow: 0 1px 0 0 #f0f0f0
}

#header-search .container {
	padding-top: 6px;
	padding-bottom: 6px;
	display: flex;
	flex-direction: row;
	align-items: stretch;
	flex-wrap: nowrap
}

#header-search input[type="text"],
#header-search .simple-select .text {
	height: 44px;
	background: #ececec;
	color: var(--mb-color5);
	font-size: 16px;
	padding: 0 12px;
	border: none;
	margin: 0;
	width: 100%
}

#header-search input[type="text"]:focus,
#header-search input[type="text"]:active,
#header-search .simple-select .text:focus,
#header-search .simple-select .text:active,
#header-search .simple-select.opened .text {
	box-shadow: 0 0 0 2px #b0b0b0;
	outline: none
}

#header-search .input-box {
	margin: 0;
	height: 44px
}

#header-search .simple-select .text {
	display: inline-flex;
	align-items: center
}

#header-search .simple-select .text span {
	padding: 0 4px
}

#header-search .pattern {
	width: 50%;
	border-right: 2px solid #fff
}

#header-search .pattern input[type="text"] {
	border-radius: 5px 0 0 5px;
	padding-left: 44px
}

#header-search .location input[type="text"] {
	padding-left: 44px
}

#header-search .location {
	width: calc(50% - 260px)
}

#header-search .location input[type="text"] {
	border-radius: 0
}

#header-search .simple-radius {
	width: 120px
}

#header-search .simple-radius .list {
	min-width: 140px
}

#header-search .simple-radius .text:before {
	content: "";
	position: absolute;
	left: 0;
	top: calc(50% - 13px);
	width: 1px;
	height: 26px;
	background: #ccc
}

#header-search .simple-radius.opened .text:before {
	opacity: 0
}

#header-search .btns {
	width: 140px;
	background: #ececec;
	border-radius: 0 5px 5px 0;
	padding: 4px 4px 4px 10px
}

#header-search .btns button {
	width: 100%;
	font-size: 15px;
	height: 36px
}

header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 48px;
	z-index: 8;
	background: #fff;
	box-shadow: 0 1px 0 0 #f0f0f0
}

.osc-has-admin-header header,
.osc-has-admin-header #header-search {
	margin-top: 34px
}

header .container {
	height: 100%
}

header .logo {
	display: inline-flex;
	font-weight: 700;
	min-width: fit-content;
	max-width: 200px;
	font-size: 18px;
	color: var(--mb-color2, #2c2c2c);
	line-height: 18px;
	margin: 0 20px 0 0
}

header .logo.square {
	display: none
}

html[mode="light"] header .logo.dark {
	display: none
}

html[mode="dark"] header .logo.light {
	display: none
}

!.osc-has-admin-header header,
.osc-has-admin-header #header-search {
	margin-top: 34px
}

header .logo img {
	min-height: 34px;
	height: 34px;
	object-fit: contain
}

header .links1 {
	height: 48px;
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row
}

header .links1 a,
header .links a.simple,
header .links a.mini-btn {
	font-size: 14px;
	line-height: 16px;
	font-weight: 400;
	height: 100%;
	color: var(--mb-color3);
	width: auto;
	padding: 5px 12px;
	display: flex;
	text-decoration: none;
	margin: 0;
	transition: 0.2s;
	align-items: center;
	justify-content: center;
	word-break: break-word
}

header .links1 a:hover,
header .links1 a.btn:hover,
header .links a.simple:hover,
header .links a.mini-btn:hover {
	background: #e4e4e4;
	text-decoration: none;
	color: #000
}

header .links1 a {
	max-width: 150px;
	text-align: center
}

header .links1 a i {
	margin-right: 4px;
	font-size: 16px;
	min-width: 16px
}

.links1 a.btn,
.links1 a.btn-white,
.links1 a.mini-btn {
	border-radius: 0;
	background: #fff0;
	border: none
}

header .links {
	display: flex;
	margin-left: auto;
	flex-direction: row-reverse;
	flex-wrap: nowrap;
	justify-content: end;
	height: 48px;
	align-items: center
}

header .links a.simple {
	font-weight: 500;
	padding: 5px 10px;
	color: var(--mb-color1)
}

header .links a.simple.register {
	margin-right: 2px
}

header .links a {
	white-space: nowrap
}

header .links .publish {
	margin: 0 2px 0 10px;
	height: 32px;
	font-size: 16px;
	padding: 6px 12px;
	text-align: center;
	min-width: 100px
}

header .links a.mini-btn {
	position: relative;
	white-space: unset;
	min-width: 44px;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0 6px;
	justify-content: center
}

header .links a.mini-btn i,
header .links a.mini-btn svg {
	color: var(--mb-color6);
	fill: var(--mb-color6);
	width: 20px;
	height: 20px;
	font-size: 20px;
	line-height: 20px;
	margin: 2px 0;
	text-align: center
}

!header .links a.mini-btn strong {
	font-size: 11px;
	font-weight: 400;
	height: 12px;
	line-height: 12px;
	overflow: hidden;
	text-align: center;
	max-width: 60px;
	text-overflow: ellipsis;
	white-space: nowrap
}

header .links a.mini-btn strong {
	display: none
}

header .links a.mini-btn .counter {
	position: absolute;
	top: 5px;
	right: 5px;
	border-radius: 7px;
	width: auto;
	min-width: 16px;
	height: 16px;
	font-size: 11px;
	line-height: 12px;
	padding: 2px 3px;
	text-align: center;
	color: #fff;
	background: var(--mb-color-primary)
}

header .links a.mini-btn .counter.spec {
	padding-left: 0;
	padding-right: 0;
	background: var(--mb-color-secondary)
}

header .links a.mini-btn .counter>i {
	color: #fff;
	font-size: 9px;
	line-height: 9px;
	height: auto;
	width: auto
}

header .links a.account {
	font-weight: 400;
	padding-right: 14px
}

header .links a.account img {
	width: 26px;
	height: 26px;
	object-fit: cover;
	border-radius: 100px;
	box-shadow: 0 1px 3px rgb(0 0 0 / .2);
	margin: 0 4px 0 0
}

header .links a.account b {
	font-weight: 500;
	margin-left: 2px
}

header .my-account-wrap {
	position: relative;
	height: 100%
}

header .my-account-wrap:hover a.account {
	background: #f0f0f0
}

header .my-account-menu {
	display: none;
	position: absolute;
	top: 42px;
	left: 0;
	z-index: 4;
	background: #fff;
	box-shadow: 1px 2px 4px rgb(0 0 0 / .1);
	border: 1px solid #f0f0f0;
	padding: 12px
}

header .my-account-wrap:hover .my-account-menu {
	display: block
}

header .my-account-menu a {
	float: left;
	clear: both;
	padding: 4px 6px;
	font-size: 14px;
	border-radius: 5px;
	transition: 0.2s;
	margin: 2px 0
}

header .my-account-menu a:hover {
	text-decoration: none;
	box-shadow: 0 0 0 1px #d0d0d0
}

header .my-account-menu a:hover i {
	color: var(--mb-color0)
}

header .my-account-menu a i,
header .my-account-menu a svg {
	margin: 0 4px 0 0;
	width: 20px;
	text-align: center;
	color: #777;
	fill: #777;
	transition: 0.2s
}

header .links .publish.mini {
	display: none
}

header .links .btn {
	white-space: nowrap;
	position: relative
}

header .links .btn.account img {
	width: 32px;
	height: 32px;
	margin: -6px 5px -6px -6px;
	float: left;
	object-fit: cover;
	border-radius: 100px;
	box-shadow: 0 1px 1px rgb(0 0 0 / .2)
}

header .links .btn.location {
	max-width: 150px;
	overflow: hidden;
	text-overflow: ellipsis
}

header .links .btn.location.active:after {
	content: "";
	width: 9px;
	height: 9px;
	border-radius: 10px;
	background: var(--mb-color-primary);
	position: absolute;
	top: 7px;
	left: 8px;
	box-shadow: 0 0 0 1px #fff
}

header .links .btn .counter {
	position: absolute;
	left: 2px;
	top: 4px;
	box-shadow: 0 0 0 1px #fff;
	height: 16px;
	min-width: 16px;
	line-height: 16px;
	padding: 0 3px;
	border-radius: 100px;
	z-index: 2;
	background: var(--mb-color-primary);
	color: #fff;
	font-size: 10px;
	font-weight: 600
}

header .links .btn svg,
header a.menu svg {
	width: auto;
	height: 18px;
	fill: #fff;
	margin-right: 2px;
	vertical-align: -3px
}

header .links .btn.noicon {
	padding: 9px 8px
}

header .links .divider {
	height: 40px;
	margin: 0 5px
}

header .links .maccount {
	padding: 0;
	margin: 2px 0 2px 8px;
	height: 36px;
	border-radius: 100px
}

header .links .maccount img {
	width: 36px;
	height: 36px;
	object-fit: cover;
	border-radius: 100px;
	box-shadow: 0 1px 2px rgb(0 0 0 / .15)
}

header .links .search {
	width: 36px;
	height: 36px;
	padding: 7px 5px;
	border-radius: 100px
}

header .links .search svg {
	width: 20px;
	height: 20px
}

header .container.alt {
	display: flex;
	background: #fff;
	position: relative;
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

header .container.alt a.back,
header .container.alt a.action {
	margin-right: 8px
}

header .container.alt>.img {
	width: 56px;
	height: 48px;
	object-fit: cover;
	border-radius: 3px;
	box-shadow: 0 1px 3px rgb(0 0 0 / .2);
	margin-right: 6px
}

header .container.alt>.data {
	font-size: 13px;
	line-height: 18px;
	padding: 0 4px;
	max-width: calc(100% - 62px);
	width: 100%
}

header .container.alt .data>strong {
	font-size: 16px;
	display: flex
}

header .container.alt .data>strong .title {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: 500;
	color: var(--mb-color3)
}

header .container.alt .data>strong .price {
	margin-left: auto;
	padding-left: 10px;
	white-space: nowrap;
	max-width: 35%
}

header .container.alt .data>div {
	scrollbar-width: none;
	color: #666;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	overflow-x: auto
}

header .container.alt .data>div::-webkit-scrollbar {
	display: none
}

header .container.alt .data>div span:after {
	content: "\2022";
	margin: 0 6px 0 6px
}

header .container.alt .data>div span:last-child:after {
	display: none
}

header .container.alt.csearch {
	overflow: visible !important
}

header .csearch form {
	display: flex;
	margin-left: auto;
	flex-direction: row;
	flex: 1;
	height: 46px;
	align-items: center
}

header .csearch .pattern {
	width: calc(100% - 44px)
}

header .csearch input.pattern {
	font-size: 15px;
	padding: 6px 8px;
	line-height: 18px;
	width: 100%
}

!header .csearch input.pattern:focus {
	border-color: var(--mb-color-primary)
}

header .csearch .input-box {
	margin: 0
}

header .csearch button {
	width: 38px;
	min-width: 38px;
	height: 36px;
	padding: 6px 4px;
	margin-left: 8px
}

header .csearch button i {
	line-height: 20px;
	font-size: 16px;
	margin: 0
}

.picker.pattern.mobile {
	position: unset;
	-webkit-filter: unset
}

.picker.pattern.mobile .results {
	display: block !important;
	border: none;
	border-bottom: 1px solid #ccc;
	left: 0;
	top: 60px;
	margin: 0;
	border-radius: 0;
	box-shadow: none;
	border-top: 1px solid #f0f0f0;
	background: #fff;
	padding-top: 4px;
	max-height: calc(100vh - 108px);
	height: calc(100vh - 108px);
	min-height: calc(100vh - 108px)
}

footer {
	display: block;
	width: 100%;
	font-size: 16px;
	color: #d4d4d4;
	line-height: 24px;
	background: #00040f;
	padding: 28px 0 24px 0;
	box-shadow: 0 -6px 18px rgb(0 0 0 / .2)
}

footer h4 {
	margin: 0 0 16px 0;
	font-weight: 700;
	font-size: 16px;
	color: #fff
}

footer p {
	margin: 0 0 4px 0
}

footer p.logo img {
	max-height: 28px;
	margin-bottom: 10px;
	object-fit: contain;
	filter: brightness(0) invert(1)
}

footer .container {
	flex-direction: column
}

footer .company strong {
	font-weight: 600
}

footer section {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap
}

footer section.zero {
	margin: 0 0 12px 0
}

footer section.two {
	margin: 24px 0 0 0;
	padding: 24px 0 0 0;
	border-top: 1px solid #1e2331;
	font-size: 14px;
	line-height: 18px;
	color: #d4d4d4
}

footer section.two a {
	display: inline-flex;
	margin-right: 15px;
	font-weight: 600
}

footer section.two span {
	display: flex;
	margin-left: auto
}

footer .col {
	flex: 1 1 20%;
	padding-right: 25px
}

footer .col.contact {
	font-size: 14px;
	line-height: 20px;
	min-width: 40%
}

footer .col.contact strong {
	font-size: 15px;
	color: #fff
}

footer .col.contact .txt {
	margin-top: 12px;
	font-size: 13px;
	line-height: 18px;
	padding-right: 16px
}

footer a {
	color: #d4d4d4;
	display: block;
	margin: 0 0 8px 0;
	transition: 0.2s
}

footer a:hover {
	text-decoration: none;
	color: #d299ff
}

footer a.lang img {
	height: 16px;
	width: 22px;
	border-radius: 2px;
	object-fit: fill;
	vertical-align: -2px;
	margin-right: 2px
}

footer .social a {
	margin: 0 0 12px 0
}

footer .social a i,
footer .social a svg {
	transition: 0.2s;
	float: left;
	margin: 0 7px 0 0;
	background: rgb(255 255 255 / .9);
	color: var(--mb-color2, #2c2c2c);
	font-size: 18px;
	line-height: 24px;
	text-align: center;
	width: 24px;
	height: 24px;
	border-radius: 6px
}

footer .social a:hover i,
footer .social a:hover svg {
	background: #d299ff;
	color: #000;
	fill: #000
}

footer .social a svg {
	padding: 3px
}

footer .footer-hook,
footer .footer-widgets {
	display: block;
	width: 100%:
}

footer a.switch-ld1 {
	margin: 14px 0 0 0;
	display: inline-flex;
	font-weight: 500;
	font-size: 14px;
	padding: 5px 8px;
	align-items: center;
	line-height: 16px;
	color: #d299ff;
	background: rgb(255 255 255 / .1);
	border-radius: 100px
}

footer a.switch-ld1:hover {
	background: rgb(255 255 255 / .15)
}

footer a.switch-ld1>svg {
	fill: #d299ff;
	width: 16px;
	height: 16px;
	margin-right: 6px
}

section.promo {
	position: relative;
	z-index: 2;
	box-shadow: 0 -6px 18px rgb(0 0 0 / .2);
	text-align: center;
	color: #fff;
	background: #1e2331;
	padding: 16px 0;
	font-size: 16px
}

section.promo .container {
	justify-content: center
}

section.promo .btn {
	margin-left: 20px
}

section.promo .btn:hover {
	color: #fff;
	background: #00040f
}

body#custom>.content {
	padding-top: 24px;
	padding-bottom: 32px
}

body#custom .content.sec-bpr-seller .container.primary {
	padding-top: 0;
	padding-bottom: 0
}

body#custom #bpr-seller .bpr-inside {
	margin-top: 0
}

body .bpr-prof .bpr-row-inf>strong {
	font-weight: 600
}

body .bpr-attachment .bpr-att-box .bpr-status {
	background: var(--mb-color-primary);
	font-weight: 600
}

body .bpr-attachment .bpr-att-box .bpr-status:hover {
	background: var(--mb-color-primary-hover)
}

body .im-button-green,
body .im-body #uniform-undefined {
	background: var(--mb-color-primary);
	font-weight: 600
}

body .im-button-green:hover,
body .im-body #uniform-undefined:hover {
	background: var(--mb-color-primary-hover)
}

body .im-threads-exist a {
	border-radius: 0
}

body#p404 {
	background: #fff
}

#p404 header .relative2 {
	border-bottom: none
}

#p404 footer {
	margin-top: 0
}

#p404 footer .pub-box {
	display: none
}

#p404 .errbox {
	width: 500px;
	margin: 0 auto 30px auto
}

.error404,
.maintenance {
	text-align: center;
	padding: 50px 0
}

.maintenance h1 {
	font-size: 38px;
	line-height: 50px;
	margin: 20px 0 30px 0;
	font-weight: 700
}

.error404 h1 {
	font-size: 32px;
	color: #363433;
	line-height: 36px;
	margin: 0 0 20px 0;
	font-weight: 700
}

.maintenance h2 {
	font-size: 22px;
	color: #444;
	line-height: 24px;
	margin: 0 0 20px 0;
	font-weight: 600;
	margin-bottom: 45px
}

.maintenance .logo {
	margin-bottom: 24px
}

.maintenance .logo img {
	max-height: 64px
}

.error404 h2,
.maintenance h3 {
	font-size: 16px;
	line-height: 18px;
	color: var(--mb-color7);
	margin: 0 0 30px 0;
	font-weight: 600
}

.maintenance h3 {
	font-weight: 600
}

.error404 a.btn {
	display: inline-block;
	float: none;
	margin: 0 0 20px 0;
	padding: 10px 18px;
	border-radius: 4px;
	font-size: 14px;
	font-weight: 500
}

#p404 section.promo {
	display: none
}

#maintenance.flashmessage {
	margin: 0;
	border-radius: 0;
	border: none;
	text-align: center;
	box-shadow: 0 1px 2px 0 rgb(0 0 0 / 25%);
	background: #ffea9f;
	padding: 10px;
	font-family: monospace;
	font-weight: 600;
	font-size: 15px;
	line-height: 16px;
	color: #000
}

body#maintenanc {
	padding: 20px 12px;
	display: flex;
	align-items: center
}

@keyframes eye {
	0% {
		height: .8rem
	}

	50% {
		height: .8rem
	}

	52% {
		height: .1rem
	}

	54% {
		height: .8rem
	}

	100% {
		height: .8rem
	}
}

.error.errbox {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-content: center
}

.errbox .number {
	font-weight: 900;
	font-size: 15rem;
	line-height: 1;
	color: var(--mb-color-primary-hover)
}

.errbox .illustration {
	position: relative;
	width: 12.2rem;
	margin: 0 2.1rem
}

.errbox .circle {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 12.2rem;
	height: 11.4rem;
	border-radius: 50%;
	background-color: var(--mb-color-primary-hover)
}

.errbox .clip {
	position: absolute;
	bottom: .3rem;
	left: 50%;
	transform: translateX(-50%);
	overflow: hidden;
	width: 12.5rem;
	height: 13rem;
	border-radius: 0 0 50% 50%
}

.errbox .paper {
	position: absolute;
	bottom: -.3rem;
	left: 50%;
	transform: translateX(-50%);
	width: 9.2rem;
	height: 12.4rem;
	border: .3rem solid var(--mb-color2, #2c2c2c);
	background-color: #fff;
	border-radius: .8rem
}

.errbox .paper:before {
	content: "";
	position: absolute;
	top: -.5rem;
	right: -.65rem;
	width: 1.4rem;
	height: 1rem;
	background-color: #fff;
	border-bottom: .3rem solid var(--mb-color2, #2c2c2c);
	transform: rotate(45deg)
}

.errbox .face {
	position: relative;
	margin-top: 2.3rem
}

.errbox .eyes {
	position: absolute;
	top: 0;
	left: 2.4rem;
	width: 4.6rem;
	height: .8rem
}

.errbox .eye {
	position: absolute;
	bottom: 0;
	width: .8rem;
	height: .8rem;
	border-radius: 50%;
	background-color: var(--mb-color2, #2c2c2c);
	animation-name: eye;
	animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
	left: 0
}

.errbox .eye-right {
	right: 0;
	left: auto
}

.errbox .rosyCheeks {
	position: absolute;
	top: 1.6rem;
	width: 1rem;
	height: .2rem;
	border-radius: 50%;
	background-color: #fdabaf;
	left: 1.4rem
}

.errbox .rosyCheeks-right {
	right: 1.4rem;
	left: auto
}

.errbox .mouth {
	position: absolute;
	top: 3.1rem;
	left: 50%;
	width: 1.6rem;
	height: .2rem;
	border-radius: .1rem;
	transform: translateX(-50%);
	background-color: var(--mb-color2, #2c2c2c)
}

.errbox .text {
	margin-top: 5rem;
	font-weight: 300;
	color: var(--mb-color2, #2c2c2c)
}

.errbox .button {
	margin-top: 4rem;
	padding: 1.2rem 3rem;
	color: #fff;
	background-color: #04cba0
}

.errbox .button:hover {
	background-color: #04cba0-dark
}

.errbox .by {
	position: absolute;
	bottom: .5rem;
	left: .5rem;
	text-transform: uppercase;
	color: var(--mb-color2, #2c2c2c)
}

.errbox .byLink {
	color: #04cba0
}

.modal-cover {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 98;
	background: rgb(0 0 0 / .5);
	!backdrop-filter: blur(10px)
}

#zetModal {
	display: none;
	background: #fff;
	position: fixed;
	width: 640px;
	height: 480px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: calc(100% - 20px);
	max-height: calc(100% - 20px);
	z-index: 995;
	box-shadow: 0 5px 30px rgb(0 0 0 / 70%)
}

#zetModal.modal-fullscreen {
	width: auto;
	height: auto;
	top: auto;
	min-height: 85%;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0;
	border-radius: 16px 16px 0 0;
	transform: none;
	max-width: 100%;
	max-height: 100%
}

#zetModal.modal-fullscreen,
#zetModal.modal-fullscreen .modal-content,
#zetModal.modal-fullscreen .modal-content .modal-iframe {
	border-radius: 16px 16px 0 0
}

#zetModal.modal-fullscreen.is-inline {
	top: auto;
	min-height: 200px;
	max-height: 85%
}

#zetModal .modal-close,
#zetModal .head .subbox-close {
	display: none;
	cursor: pointer;
	border-radius: 5px;
	transition: 0.1s;
	position: absolute;
	z-index: 99;
	color: var(--mb-color5);
	background: #fff;
	text-align: center;
	top: 9px;
	right: 15px;
	width: 34px;
	height: 34px;
	padding: 5px;
	font-size: 18px
}

#zetModal .modal-close i,
#zetModal .head .subbox-close i {
	line-height: 24x;
	display: inline-block
}

#zetModal .modal-close svg,
#zetModal .head .subbox-close svg {
	width: 24px;
	height: 24px;
	fill: var(--mb-color5);
	z-index: 12
}

#zetModal .head .subbox-close {
	left: 15px;
	right: auto;
	display: none
}

#zetModal .head .subbox-close svg {
	padding: 2px
}

#zetModal.subbox-opened .head .subbox-close {
	display: block
}

#zetModal .modal-close-alt {
	position: absolute;
	top: -7px;
	right: -50px;
	width: 40px;
	height: 40px;
	border-radius: 6px;
	cursor: pointer;
	transition: 0.2s;
	display: flex
}

#zetModal .modal-close-alt:hover {
	transform: scale(1.2)
}

#zetModal .modal-close-alt svg {
	margin: auto;
	color: #fff;
	width: 34px;
	height: 34px
}

#zetModal .modal-close:hover {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}

#zetModal .modal-content {
	float: left;
	clear: both;
	width: 100%;
	height: auto;
	max-height: 100%
}

#zetModal .modal-content .modal-iframe {
	background: #fff0 url(../../themes/zeta/images/input-loader.webp) no-repeat center center;
	background-size: 40px 40px;
	border: none;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 3
}

#zetModal,
#zetModal .modal-content,
#zetModal .modal-content .modal-iframe {
	border-radius: 5px
}

#zetModal .modal-is-inline .modal-content {
	overflow-y: auto
}

#zetModal .subhead {
	display: block;
	width: 100%;
	font-weight: 600;
	color: var(--mb-color2, #2c2c2c);
	line-height: 1.2;
	padding: 0 16px 16px 16px;
	border-bottom: 1px solid #ccc
}

#zetModal .head,
#item-forms .head {
	display: block;
	width: 100%;
	color: var(--mb-color2, #2c2c2c);
	border-radius: 16px 16px 0 0;
	padding: 16px 16px;
	line-height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 15;
	height: 52px;
	font-size: 17px;
	font-weight: 700;
	color: var(--mb-color1);
	text-align: center;
	box-shadow: 0 1px 3px rgb(0 0 0 / .25);
	background: #fff
}

#item-forms .head {
	position: fixed
}

#zetModal .wrap {
	float: left;
	clear: both;
	position: relative;
	margin-top: 52px;
	width: 100%;
	overflow-y: auto;
	padding: 20px;
	font-size: 15px;
	line-height: 20px
}

#zetModal .wrap>.line {
	margin: 0 0 12px 0;
	width: 100%;
	display: inline-block
}

#zetModal .wrap>.line.center {
	text-align: center
}

#zetModal.filter-menu-modal .wrap {
	padding-bottom: 68px
}

#zetModal.filter-menu-modal .wrap.ohidden,
#zetModal .wrap.ohidden {
	overflow: hidden;
	bottom: 0
}

#zetModal.filter-menu-modal .wrap.ohidden+.buttons {
	display: none
}

#zetModal .modal-body.modal-is-iframe .modal-content:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 52px;
	z-index: 2;
	box-shadow: 0 1px 3px rgb(0 0 0 / .25)
}

#zetModal .modal-body.modal-is-iframe .modal-content:after {
	content: "";
	position: absolute;
	left: 25%;
	top: 13px;
	height: 26px;
	width: 50%;
	background: #eee;
	z-index: 2
}

body.device-ios #zetModal .wrap {
	max-height: calc(85dvh - 52px)
}

body.device-ios #zetModal.filter-menu-modal .wrap {
	max-height: calc(85dvh - 120px);
	margin-bottom: 68px;
	padding-bottom: calc(10px + env(safe-area-inset-bottom, 0))
}

body.device-ios #zetModal.filter-menu-modal .wrap.subbox-opened.subbox-category {
	margin-bottom: 0;
	max-height: calc(85dvh - 120px + 68px)
}

#flashbox {
	display: block;
	z-index: 8;
	position: relative;
	width: 100%;
	clear: both
}

#flashbox .wrap {
	position: fixed;
	top: 64px;
	left: 0;
	z-index: 6;
	width: auto;
	display: flex;
	flex-direction: column
}

#flashbox .wrap2 {
	display: flex;
	flex-direction: column;
	max-width: 540px;
	padding: 0 16px;
	align-items: flex-start
}

#flashbox .flashmessage,
#error_list li,
.upload-photos .flashmessage,
.problem,
.flashmessage {
	font-weight: 400;
	position: relative;
	margin: 0 0 6px 0;
	display: block;
	width: auto;
	min-width: 200px;
	font-size: 14px;
	color: #fff;
	background: #131825;
	padding: 12px 50px 12px 12px;
	border-radius: 2px;
	box-shadow: 0 4px 12px rgb(0 0 0 / .35);
	border: none;
	border-left: 6px solid #999
}

#flashbox .flashmessage,
#error_list li a,
.upload-photos .flashmessage,
.problem a,
.flashmessage a {
	color: #f0f0f0;
	text-decoration: underline
}

#flashbox .flashmessage,
#error_list li a:hover,
.upload-photos .flashmessage,
.problem a:hover,
.flashmessage a:hover {
	color: #fff;
	text-decoration: none
}

#flashbox .flashmessage .btn.ico-close,
.upload-photos .flashmessage .close {
	border: none;
	padding: 0;
	border-radius: 0;
	border-left: 1px solid var(--mb-color3);
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background: #fff0;
	position: absolute;
	top: 7px;
	right: 6px;
	box-shadow: none;
	color: #fff0
}

#flashbox .flashmessage .btn.ico-close:after,
.upload-photos .flashmessage .close:after {
	transition: 0.2s;
	content: "\f00d";
	color: #f2f2f2;
	font-weight: 900;
	line-height: 31px;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	font-family: "Font Awesome 5 Free";
	border-radius: 0 2px 2px 0
}

#flashbox .flashmessage .btn.ico-close:hover:after,
.upload-photos .flashmessage .close:hover:after {
	background: rgb(255 255 255 / .1)
}

#error_list li,
.upload-photos .flashmessage,
.flashmessage.flashmessage-error {
	border-color: #e72b2b !important
}

.flashmessage.flashmessage-ok {
	border-color: #11c55c !important
}

.flashmessage.flashmessage-warning,
.problem {
	border-color: #fdc20f !important
}

.flashmessage.flashmessage-info {
	border-color: #4b39e9 !important
}

#flashbox .flashmessage {
	padding-left: 54px;
	border: none !important;
	border-radius: 3px
}

#flashbox .flashmessage:before {
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	background: #777;
	width: 42px;
	height: 100%;
	border-radius: 3px 0 0 3px;
	z-index: 2
}

#flashbox .flashmessage.flashmessage-error:before {
	background: #e72b2b
}

#flashbox .flashmessage.flashmessage-ok:before {
	background: #11c55c
}

#flashbox .flashmessage.flashmessage-warning:before {
	background: #fdc20f
}

#flashbox .flashmessage.flashmessage-info:before {
	background: #4b39e9
}

#flashbox .flashmessage:after {
	position: absolute;
	content: "\f058";
	z-index: 3;
	font-weight: 900;
	width: 32px;
	height: 32px;
	line-height: 32px;
	font-size: 24px;
	left: 6px;
	top: 6px;
	text-align: center;
	font-family: "Font Awesome 5 Free";
	color: #fff
}

#flashbox .flashmessage.flashmessage-error:after {
	content: "\f057";
	color: #870000
}

#flashbox .flashmessage.flashmessage-ok:after {
	content: "\f058";
	color: #006f2e
}

#flashbox .flashmessage.flashmessage-warning:after {
	content: "\f06a";
	color: #8d6a00
}

#flashbox .flashmessage.flashmessage-info:after {
	content: "\f05a";
	color: #160c6f
}

#error_list {
	display: block;
	margin: 0 0 20px 0
}

#error_list:empty {
	display: none
}

#error_list li {
	padding: 8px 10px;
	margin: 0 0 6px 0;
	border-radius: 2px;
	max-width: 100%;
	min-width: initial
}

#error_list li label {
	font-weight: 400
}

.upload-photos .flashmessage {
	margin: 16px 0 0 0
}

.empty {
	display: inline-block;
	padding: 24px 16px;
	width: 100%;
	margin: 10px 0 20px 0;
	text-align: center;
	border-radius: 6px;
	background: #e4e4e4;
	color: var(--mb-color7)
}

.mo-show input[type="text"],
.mo-show select,
.mo-show textarea,
.mo-two input[type="text"],
body #im-create-thread-form #im-message,
body #im-create-thread-form .im-input,
body #im-message,
body .im-input {
	border: 1px solid #fff0;
	background: #f4f4f4;
	border-bottom-color: var(--mb-color9);
	border-radius: 0;
	color: var(--mb-color2)
}

.nice-scroll-wrap {
	position: relative;
	display: block;
	width: 100%
}

.nice-scroll,
.ns {
	scrollbar-width: thin;
	scrollbar-color: #9e9e9e rgb(0 0 0 / .05)
}

.nice-scroll::-webkit-scrollbar,
.ns::-webkit-scrollbar {
	box-shadow: none;
	width: 8px;
	height: 8px;
	background: rgb(0 0 0 / .05)
}

.nice-scroll::-webkit-scrollbar-thumb,
.ns::-webkit-scrollbar-thumb {
	border-radius: 100px;
	background-color: rgb(0 0 0 / .3);
	background-clip: initial;
	box-shadow: none
}

.nice-scroll::-webkit-scrollbar-thumb:hover,
.ns::-webkit-scrollbar-thumb:hover {
	background-color: rgb(0 0 0 / .6)
}

.nice-scroll-prev,
.nice-scroll-next {
	transition: 0.2s;
	color: #fff;
	margin-top: -50px;
	display: none;
	position: absolute;
	border-radius: 100px;
	left: 0;
	top: 50%;
	height: 52px;
	width: 52px;
	padding: 8px;
	z-index: 4;
	text-indent: -2px
}

.nice-scroll-prev.disabled,
.nice-scroll-next.disabled {
	opacity: .25;
	cursor: default
}

.nice-scroll-prev.disabled .icon,
.nice-scroll-next.disabled .icon {
	cursor: default
}

.nice-scroll-next {
	right: 0;
	left: auto;
	text-indent: 2px
}

.nice-scroll-next:not(.disabled):hover,
.nice-scroll-prev:not(.disabled):hover {
	transform: scale(1.15);
	color: var(--mb-color-primary)
}

.nice-scroll-prev .icon,
.nice-scroll-next .icon {
	fill: #fff;
	transition: 0.2s;
	cursor: pointer;
	width: 36px;
	padding: 5px 0;
	height: 36px;
	border-radius: 100px;
	background: rgb(0 0 0 / .75);
	text-align: center;
	box-shadow: 0 1px 3px rgb(0 0 0 / .35);
	line-height: 26px;
	font-size: 20px
}

.nice-scroll-next .icon {
	padding-left: 2px
}

.nice-scroll-prev .icon {
	padding-right: 2px
}

.nice-scroll-prev:not(.disabled):focus .icon,
.nice-scroll-next:not(.disabled):focus .icon {
	box-shadow: 0 1px 3px rgb(0 0 0 / .35), 0 0 0 1px var(--mb-color-primary)
}

.nice-scroll.no-visible-scroll,
.no-visible-scroll {
	scrollbar-width: none;
	-ms-overflow-style: none
}

.nice-scroll.no-visible-scroll::-webkit-scrollbar,
.no-visible-scroll::-webkit-scrollbar {
	display: none
}

#item-forms::-webkit-scrollbar {
	box-shadow: none;
	width: 8px;
	background: rgb(0 0 0 / .05)
}

#item-forms::-webkit-scrollbar-thumb {
	border-radius: 100px;
	background-color: rgb(0 0 0 / .3);
	background-clip: initial;
	box-shadow: none
}

#item-forms::-webkit-scrollbar-thumb:hover {
	background-color: rgb(0 0 0 / .6)
}

.input-box {
	width: 100%;
	display: inline-block;
	margin: 0 0 20px 0;
	position: relative
}

.input-box:not(.picker) .clean,
.filter-menu .input-box.picker .clean {
	display: none;
	z-index: 2;
	padding: 2px;
	text-align: center;
	cursor: pointer;
	transition: 0.2s;
	position: absolute;
	right: 3px;
	top: calc(50% - 12px);
	font-size: 16px;
	line-height: 20px;
	color: #999;
	fill: #999;
	width: 24px;
	height: 24px;
	border-radius: 5px
}

.input-box:not(.picker) svg.clean,
.filter-menu .input-box.picker svg.clean {
	padding: 0;
	margin: 0 5px
}

.input-box .clean:hover {
	color: #666
}

.input-box-check {
	width: 100%;
	display: inline-block;
	margin: 5px 0
}

.input-box-check input[type="checkbox"] {
	opacity: .01;
	position: absolute;
	z-index: 1;
	overflow: hidden;
	background: #fff0;
	padding: 0 !important;
	width: 1px !important;
	height: 1px !important;
	margin: 0 !important;
	box-shadow: none !important
}

.input-box-check label {
	cursor: pointer;
	position: relative;
	float: left;
	padding: 2px 0 0 27px !important;
	line-height: 16px;
	font-size: 14px;
	width: auto;
	clear: both;
	font-weight: 400
}

.input-box-check label:hover {
	text-decoration: underline
}

.input-box-check label:before {
	cursor: pointer;
	content: "";
	width: 20px;
	height: 20px;
	border: 1px solid #d4d4d4;
	font-weight: 500;
	text-shadow: none;
	position: absolute;
	top: 0;
	left: 0;
	text-shadow: none;
	box-shadow: 0 1px 1px rgb(0 0 0 / .06);
	border-radius: 4px;
	transition: 0.1s
}

.input-box-check label:hover:before {
	border-color: #a3a3a3
}

.input-box-check input[type="checkbox"]:focus+label:before {
	border-color: var(--mb-color-primary);
	box-shadow: 0 0 0 1px var(--mb-color-primary)
}

.input-box-check label:after {
	cursor: pointer;
	text-indent: 0;
	font-family: "Font Awesome 5 Free";
	content: "\f00c";
	color: #fff0;
	font-size: 14px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	font-weight: 900;
	text-shadow: none;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 4px;
	transition: 0.1s
}

.input-box-check input[type="checkbox"]:checked+label:before {
	background: var(--mb-color-primary);
	border-color: var(--mb-color-primary)
}

.input-box-check input[type="checkbox"]:checked+label:after {
	color: #fff
}

body .rating.s1 i.i2:before,
body .rating.s1 i.i3:before,
body .rating.s1 i.i4:before,
body .rating.s1 i.i5:before {
	font-weight: 400;
	content: "\f005"
}

body .rating.s2 i.i3:before,
body .rating.s2 i.i4:before,
body .rating.s2 i.i5:before {
	font-weight: 400;
	content: "\f005"
}

body .rating.s3 i.i4:before,
body .rating.s3 i.i5:before {
	font-weight: 400;
	content: "\f005"
}

body .rating.s4 i.i5:before {
	font-weight: 400;
	content: "\f005"
}

body .rating.h1 i.i2:before,
body .rating.h1 i.i3:before,
body .rating.h1 i.i4:before,
body .rating.h1 i.i5:before {
	font-weight: 400;
	content: "\f005"
}

body .rating.h2 i.i3:before,
body .rating.h2 i.i4:before,
body .rating.h2 i.i5:before {
	font-weight: 400;
	content: "\f005"
}

body .rating.h3 i.i4:before,
body .rating.h3 i.i5:before {
	font-weight: 400;
	content: "\f005"
}

body .rating.h4 i.i5:before {
	font-weight: 400;
	content: "\f005"
}

body .mo-nav a.active,
body .mo-nav a:hover {
	border-bottom-color: var(--mb-color-primary)
}

body .rating.s1 i.i1:before {
	content: "\f005";
	font-weight: 400
}

body .rating.s1 i.i2:before,
body .rating.s1 i.i3:before,
body .rating.s1 i.i4:before,
body .rating.s1 i.i5:before {
	content: "\f005";
	font-weight: 400
}

body .rating.s2 i.i1:before,
body .rating.s2 i.i2:before {
	content: "\f005";
	font-weight: 700
}

body .rating.s2 i.i3:before,
body .rating.s2 i.i4:before,
body .rating.s2 i.i5:before {
	content: "\f005";
	font-weight: 400
}

body .rating.s3 i.i1:before,
body .rating.s3 i.i2:before,
body .rating.s3 i.i3:before {
	content: "\f005";
	font-weight: 700
}

body .rating.s3 i.i4:before,
body .rating.s3 i.i5:before {
	content: "\f005";
	font-weight: 400
}

body .rating.s4 i.i1:before,
body .rating.s4 i.i2:before,
body .rating.s4 i.i3:before,
body .rating.s4 i.i4:before {
	content: "\f005";
	font-weight: 700
}

body .rating.s4 i.i5:before {
	content: "\f005";
	font-weight: 400
}

body .rating.s5 i.i1:before,
body .rating.s5 i.i2:before,
body .rating.s5 i.i3:before,
body .rating.s5 i.i4:before,
body .rating.s5 i.i5:before {
	content: "\f005";
	font-weight: 700
}

body .rating.h1 i.i1:before {
	content: "\f005";
	font-weight: 700
}

body .rating.h1 i.i2:before,
body .rating.h1 i.i3:before,
body .rating.h1 i.i4:before,
body .rating.h1 i.i5:before {
	content: "\f005"
}

body .rating.h2 i.i1:before,
body .rating.h2 i.i2:before {
	content: "\f005";
	font-weight: 700
}

body .rating.h2 i.i3:before,
body .rating.h2 i.i4:before,
body .rating.h2 i.i5:before {
	content: "\f005"
}

body .rating.h3 i.i1:before,
body .rating.h3 i.i2:before,
body .rating.h3 i.i3:before {
	content: "\f005";
	font-weight: 700
}

body .rating.h3 i.i4:before,
body .rating.h3 i.i5:before {
	content: "\f005"
}

body .rating.h4 i.i1:before,
body .rating.h4 i.i2:before,
body .rating.h4 i.i3:before,
body .rating.h4 i.i4:before {
	content: "\f005";
	font-weight: 700
}

body .rating.h4 i.i5:before {
	content: "\f005"
}

body .rating.h5 i.i1:before,
body .rating.h5 i.i2:before,
body .rating.h5 i.i3:before,
body .rating.h5 i.i4:before,
body .rating.h5 i.i5:before {
	content: "\f005";
	font-weight: 700
}

a {
	color: var(--mb-color2, #2c2c2c);
	text-decoration: none;
	transition: 0.2s
}

a:hover {
	text-decoration: underline;
	color: #000
}

input,
select,
textarea {
	transition: 0.2s;
	border: 1px solid #fff0;
	background: #f4f4f4;
	border-bottom-color: var(--mb-color9);
	font-size: 15px;
	padding: 9px 8px;
	outline: 0;
	font-family: inherit;
	color: var(--mb-color2, #2c2c2c);
	border-radius: 0
}

input[type="file"] {
	background: #f4f4f4;
	padding: 8px;
	height: auto
}

input:hover,
select:hover,
textarea:hover {
	border-bottom-color: var(--mb-color5);
	background: #f8f8f8
}

!input:focus,
select:focus,
textarea:focus,
input:active,
select:active,
textarea:active {
	border-bottom-color: var(--mb-color-primary);
	background: #fff;
	box-shadow: 0 1px 2px rgb(0 0 0 / .2), 0 3px 12px rgb(0 0 0 / .2)
}

input:focus,
select:focus,
textarea:focus,
input:active,
select:active,
textarea:active {
	background: #f8f8f8;
	transition: none;
	outline: 2px solid var(--mb-color-primary);
	outline-offset: -2px
}

!input:disabled,
select:disabled,
textarea:disabled,
.enter.disable input#price,
.enter.disable select#currency {
	border-bottom-color: #a3a3a3;
	box-shadow: none;
	background: #eaeaea;
	color: #777
}

input:disabled,
select:disabled,
textarea:disabled,
.enter.disable input#price,
.enter.disable select#currency {
	box-shadow: none;
	-webkit-text-fill-color: #c6c6c6;
	background-color: #f4f4f4;
	border-bottom: 1px solid #fff0;
	color: #c6c6c6;
	cursor: not-allowed;
	outline: 2px solid #fff0;
	outline-offset: -2px
}

input[type="text"]:read-only,
input[type="email"]:read-only,
input[type="tel"]:read-only,
input[type="number"]:read-only,
input[type="url"]:read-only,
textarea:read-only {
	-webkit-text-fill-color: var(--mb-color7);
	background-color: #f4f4f4;
	border-bottom: 1px solid #fff0;
	color: var(--mb-color7);
	cursor: not-allowed;
	outline: 2px solid #fff0;
	outline-offset: -2px
}

input,
select {
	height: 40px
}

input[type="checkbox"],
input[type="radio"] {
	width: 18px;
	height: 18px;
	margin: 0 4px 0 0
}

input[type="radio"]:focus {
	outline: 0;
	box-shadow: none
}

input[type=file] {
	font-size: 14px;
	line-height: 16px;
	padding: 5px
}

input[type=file]::file-selector-button {
	margin-right: 12px;
	border: none;
	background: var(--mb-color-secondary);
	padding: 8px 10px;
	border-radius: 5px;
	font-size: 14px;
	line-height: 16px;
	font-weight: 600;
	color: #fff;
	cursor: pointer;
	transition: background .2s ease-in-out
}

input[type=file]::file-selector-button:hover {
	background: var(--mb-color-secondary-hover)
}

textarea {
	min-height: 40px;
	font-family: inherit
}

input.error:not(:focus),
select.error:not(:focus),
textarea.error:not(:focus) {
	border-color: #e72b2b;
	background: rgb(255 204 204 / 65%);
	border-left-width: 4px
}

select {
	padding: 0 8px
}

select.mini {
	padding: 0 6px;
	font-size: 14px;
	height: 32px
}

input.mini {
	padding: 5px 6px;
	font-size: 14px;
	height: 32px
}

body {
	color: var(--mb-color2, #2c2c2c);
	padding-top: 48px;
	font-family: var(--mb-font-family);
	font-size: 14px;
	line-height: 1.5;
	scroll-behavior: smooth;
	text-rendering: optimizeSpeed;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	min-height: 100vh;
	background: #fff
}

body#search,
body#item {
	padding-top: 104px
}

.container {
	max-width: 1150px;
	width: 100%;
	display: flex;
	align-items: center;
	margin: auto;
	padding: 0 16px;
	flex-direction: inherit
}

.container.primary {
	align-items: flex-start;
	flex-direction: row;
	justify-content: space-between
}

button {
	cursor: pointer;
	transition: 0.2s
}

.btn,
.btn-primary {
	line-height: 18px;
	transition: 0.2s;
	color: #fff;
	background: var(--mb-color-primary);
	position: relative;
	display: inline-block;
	font-weight: 600;
	text-decoration: none;
	cursor: pointer;
	height: 36px;
	border-radius: 5px;
	font-size: 15px;
	text-align: center;
	padding: 8px 12px;
	border: 1px solid rgb(0 0 0 / .05);
	box-shadow: 0 2px 5px rgb(0 0 0 / .1)
}

.btn:focus,
.btn-primary:focus,
.btn:active,
.btn-primary:active {
	box-shadow: 0 0 0 2px #d0d0d0
}

.btn:hover,
.btn-primary:hover {
	background: var(--mb-color-primary-hover);
	color: #fff;
	text-decoration: none
}

.btn-secondary {
	background: var(--mb-color-secondary);
	color: #fff
}

.btn-secondary:hover,
.btn-secondary.active {
	background: var(--mb-color-secondary-hover);
	color: #fff
}

.btn-white {
	color: var(--mb-color2, #2c2c2c);
	border-color: silver;
	background: #fff;
	box-shadow: none;
	font-weight: 600
}

.btn-white:hover {
	border-color: #e0e0e0;
	background: #fff;
	color: #000
}

.btn-transparent {
	color: #fff;
	border-color: #fff;
	background: #fff0;
	font-weight: 600
}

.btn-transparent:hover {
	border-color: #fff;
	background: #fff;
	color: var(--mb-color-primary)
}

.btn i {
	margin-right: 3px
}

.btn.mini {
	line-height: 16px;
	height: 30px;
	font-size: 14px;
	padding: 6px 7px
}

.btn:disabled,
.btn.disabled,
.btn.btn-disabled {
	opacity: .5;
	cursor: not-allowed
}

.btn.loading {
	position: relative;
	cursor: wait;
	opacity: .65
}

.btn.loading>* {
	opacity: .1
}

.btn.loading:after {
	position: absolute;
	top: calc(50% - 12px);
	left: calc(50% - 12px);
	content: "";
	background: #fff0 url(../../themes/zeta/images/input-loader.webp) no-repeat center center;
	width: 24px;
	height: 24px;
	background-size: 100%
}

section,
div.content {
	display: block;
	width: 100%
}

#debug-mode {
	position: relative;
	display: block;
	background: rgb(0 0 0 / .9);
	padding: 10px 12px;
	font-size: 12px;
	font-family: monospace;
	line-height: 1.1;
	width: 100%;
	color: #f9f9f9
}

.footer-hook:empty,
.footer-widgets:empty {
	display: none
}

label {
	font-weight: 600
}

h1 {
	font-size: 28px;
	color: var(--mb-color2, #2c2c2c);
	font-weight: 700;
	line-height: 1.2
}

h2 {
	font-size: 22px;
	color: var(--mb-color2, #2c2c2c);
	font-weight: 700;
	line-height: 1.2
}

h3 {
	font-size: 18px;
	color: var(--mb-color2, #2c2c2c);
	font-weight: 700;
	line-height: 1.2
}

h4 {
	font-size: 16px;
	color: var(--mb-color2, #2c2c2c);
	font-weight: 700;
	line-height: 1.2
}

h5 {
	font-size: 15px;
	color: var(--mb-color2, #2c2c2c);
	font-weight: 700;
	line-height: 1.2
}

h6 {
	font-size: 14px;
	color: var(--mb-color2, #2c2c2c);
	font-weight: 700;
	line-height: 1.2
}

.row {
	display: block;
	width: 100%
}

.req {
	color: #e90303;
	font-weight: 700
}

a.toggle-pass {
	position: absolute;
	right: 8px;
	top: 9px;
	width: 30px;
	height: 30px;
	font-size: 16px;
	color: #555;
	transition: 0.2s;
	text-align: center
}

a.toggle-pass i {
	line-height: 30px
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {

	!.simple-select,
	.picker {
		-webkit-filter: blur(.000001px)
	}
}

@media not all and (max-height:899px) and (min-resolution:.1dpi) {

	.simple-select,
	.picker {
		-webkit-filter: none
	}
}

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

	.isMobile:not(.isDesktop),
	.isTablet:not(.isDesktop) {
		display: none !important
	}
}

@media screen and (max-width:1150px) {
	.upload-photos .qq-upload-delete {
		display: block;
		opacity: 1;
		bottom: 6px;
		top: auto;
		z-index: 3
	}

	#public-side-banner {
		width: 180px;
		top: 60px;
		height: 650px;
		padding: 10px
	}

	#public-main {
		width: calc(100% - 194px)
	}

	#public #meet-seller .wrap .info2 {
		width: 160px
	}

	#public #meet-seller .wrap .info1 {
		width: calc(100% - 160px)
	}
}

@media screen and (min-width:768px) {
	#zetModal .wrap {
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		right: 0
	}
}

@media screen and (min-width:768px) and (max-width:1150px) {

	.isDesktop:not(.isTablet),
	.isMobile:not(.isTablet) {
		display: none !important
	}

	.simple-prod {
		width: calc(33.33% - 4px)
	}

	.simple-prod.medium {
		width: calc(25% - 4px)
	}

	.items-box .item .description {
		height: 41px
	}

	#item-image.fewimg[data-count="2"] .swiper-wrapper {
		justify-content: unset
	}

	#item-image[data-count="2"] .img-bg {
		display: none
	}

	#item-image li {
		padding-top: calc(var(--mb-gallery-padding, 75%) / 2)
	}
}

@media screen and (min-width:541px) and (max-width:1150px) {
	.blog-box {
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 20px
	}

	.blog-box>a:nth-child(1n+4) {
		display: flex
	}

	.blog-box>a:nth-child(1n+5) {
		display: none
	}
}

@media screen and (min-width:768px) and (max-width:1024px) {

	bodu #bpr-seller.bpr-block .bpr-comp,
	#bpr-seller .bpr-comp {
		width: calc(25% - 16px) !important
	}
}

@media screen and (min-width:541px) and (max-width:1024px) {
	#search-alert {
		width: 100%;
		margin-bottom: 15px
	}

	#search-alert .open-alert-box {
		float: left
	}

	#search-quick-bar .view-type {
		margin-left: 0
	}

	#search-quick-bar .view-type a {
		margin-left: 0;
		margin-right: 2px
	}

	#search-quick-bar .sort-type {
		margin-left: auto
	}

	#item-main .details>.elem {
		width: calc(50% - 4px)
	}

	#item-hook table tr,
	.custom-fields .field,
	.job-detail>div,
	#item-hook .realestate-details .list-other-attributes li {
		width: calc(50% - 8px)
	}
}

@media screen and (max-width:1024px) {
	.pre-account .content {
		padding: 16px 0
	}

	.pre-account:not(.has-footer) footer,
	.item-publish footer {
		padding: 10px 0;
		overflow: hidden
	}

	footer section.two span {
		display: block;
		width: 100%;
		margin: 0;
		margin-top: -5px;
		font-size: 12px;
		color: #777
	}

	footer .col {
		flex: 1 1 50%;
		padding-bottom: 15px
	}

	footer .col:nth-child(even) {
		padding-right: 0
	}

	footer section.two {
		margin-bottom: 0
	}

	header .links .btn.noicon {
		display: none
	}

	.item-publish .tip {
		width: 150px;
		font-size: 14px;
		line-height: 18px;
		padding: 10px;
		left: calc(100% - 8px)
	}

	body #fi_list_items.fi_user_menu .fi_item {
		width: 31.33%
	}

	body #fi_user_new_list .fi_new_name {
		width: 100%;
		margin: 0 0 8px 0
	}

	body #fi_user_new_list .fi_check.first,
	body #fi_user_new_list .fi_check {
		width: auto;
		padding: 0 25px 0 0
	}

	#search-items .products.grid .simple-prod,
	.products.grid .simple-prod {
		width: calc(33.33% - 8px)
	}

	.products#premium-items .simple-prod {
		margin: 0 4px 12px 4px
	}
}

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

	.isDesktop:not(.isMobile),
	.isTablet:not(.isMobile) {
		display: none !important
	}

	.pre-account>.content>section.container:after {
		display: none
	}

	#debug-mode {
		position: relative;
		float: left;
		clear: both;
		width: 100%;
		bottom: auto;
		left: auto;
		z-index: 1
	}

	.im-threads-exist {
		margin-top: 20px
	}

	#zetModal .wrap {
		max-height: calc(85dvh - 52px)
	}

	#zetModal.filter-menu-modal .wrap {
		padding-bottom: 68px
	}

	!body.device-ios #zetModal.filter-menu-modal .wrap {
		max-height: calc(85vh - 120px);
		margin-bottom: 68px;
		padding-bottom: 10px
	}

	#item-image.fewimg .swiper-wrapper {
		justify-content: unset
	}

	footer,
	footer .col.contact .txt {
		font-size: 14px
	}

	#public #meet-seller .wrap .info1,
	#public #meet-seller .wrap .info2 {
		width: 100%
	}

	body#public #breadcrumbs {
		display: none
	}

	body#public #meet-seller {
		margin-top: 0
	}

	#public #meet-seller .wrap {
		padding: 0
	}

	#public #meet-seller .wrap img.uimg {
		position: relative;
		top: auto;
		left: auto
	}

	#public #share {
		position: relative;
		top: auto;
		left: auto;
		justify-content: flex-start;
		width: 100%;
		order: 8;
		margin: 10px 0 2px 0
	}

	#public .master-button {
		margin-bottom: 16px
	}

	#public #meet-seller .wrap .info1 {
		order: 3
	}

	#public #meet-seller .wrap .info2 {
		order: 7
	}

	#public #meet-seller .wrap .info1 .line-rating,
	#public-side-banner {
		display: none
	}

	#public #meet-seller .img-wrap {
		padding: 18px 8px 20px 90px;
		margin: 0 -16px 10px -16px;
		display: flex;
		flex-direction: column;
		width: calc(100% + 32px);
		background: #f0f0f0;
		height: 80px;
		box-shadow: 0 2px 6px rgb(0 0 0 / .2), 0 0 0 1px rgb(0 0 0 / .06)
	}

	#public #meet-seller .img-wrap>strong {
		font-size: 18px;
		font-weight: 700;
		line-height: 20px;
		margin: 0 0 4px 0
	}

	#public #meet-seller .wrap img.uimg {
		width: 64px;
		height: 64px;
		position: absolute;
		left: 0;
		top: 8px
	}

	#public h1 {
		display: none
	}

	#public .show-rating.show-stars .ur-rate>span:before {
		font-size: 16px
	}

	#public .show-rating.show-stars .ur-rate>span {
		width: 18px
	}

	#flashbox .wrap {
		top: 72px
	}

	#item-main .details2 .item-mob-desc.shorten {
		height: 160px;
		position: relative;
		overflow: hidden
	}

	#item-main .details2 .item-mob-desc.shorten:after {
		z-index: 2;
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		height: 32px;
		background: linear-gradient(180deg, rgb(255 255 255 / .05) 0%, rgb(255 255 255) 100%)
	}

	#item-main .details2 .item-mob-desc a.desc-show-more {
		z-index: 3;
		position: absolute;
		left: 0;
		bottom: 0;
		font-weight: 700;
		font-size: 14px;
		line-height: 16px;
		color: var(--mb-color-secondary);
		text-decoration: none;
		padding: 4px 8px 2px 2px;
		background: #fff;
		box-shadow: 0 0 5px #fff, 0 0 14px #fff, 0 0 20px #fff
	}

	#item-main .details2 .item-mob-desc:not(.shorten) a.desc-show-more {
		display: none
	}

	#item-image li {
		padding-top: var(--mb-gallery-padding, 75%)
	}

	#item-main .props.style {
		padding: 0;
		margin: 4px 0 10px 0;
		border: none
	}

	#item-main .props>h2 {
		display: none
	}

	#item-hook table,
	.custom-fields,
	#item-hook .list-other-attributes {
		margin: 0 0 8px 0
	}

	#item-main #item-hook h2,
	#item-main #item-hook h3,
	#item-main #item-hook h4 {
		font-size: 15px;
		font-weight: 700;
		color: var(--mb-color4)
	}

	#item-hook table tr,
	.custom-fields .field,
	.job-detail>div,
	#item-hook .realestate-details .list-other-attributes li {
		padding: 0
	}

	#item-hook table tr:after,
	.custom-fields .field:after,
	.job-detail>div:after,
	#item-hook .realestate-details .list-other-attributes li:after {
		display: none
	}

	#item-hook .car-details,
	.custom-fields,
	.job-detail,
	#item-hook .realestate-details {
		position: relative;
		padding-left: 34px
	}

	#item-hook .car-details:after,
	.custom-fields:after,
	#item-hook .job-detail:after,
	#item-hook .realestate-details:after {
		color: var(--mb-color9);
		font-family: "Font Awesome 5 Free";
		content: "\f249";
		font-size: 20px;
		line-height: 22px;
		text-align: center;
		background: #fff0;
		border-radius: 0;
		width: 22px;
		height: 22px;
		position: absolute;
		left: 0;
		top: 0
	}

	#item-hook .job-detail:after {
		content: "\f1ea"
	}

	#item-hook .realestate-details:after {
		content: "\f1ad"
	}

	#item-hook .car-details:after {
		content: "\f1e3"
	}

	#item-main .details>.elem {
		width: calc(50% - 4px)
	}

	#side-menu .box .section a,
	#search-items .list-empty {
		font-size: 14px
	}

	#search-items .list-empty {
		margin: 16px 0
	}

	#side-menu .box.location .row.current {
		font-size: 14px
	}

	body#home>.content>section.home-favorite {
		padding-bottom: 0
	}

	#zetModal .modal-close {
		display: block
	}

	#zetModal .modal-close-alt {
		display: none
	}

	#search-alert.pos-top {
		display: none
	}

	#search-alert.pos-mid {
		width: auto;
		margin: 0 auto 0 10px
	}

	#search-alert.pos-mid .open-alert-box {
		background: #fff0;
		border: none;
		padding: 6px 0;
		height: 36px;
		width: 36px;
		justify-content: center
	}

	#search-alert.pos-mid .open-alert-box i.fa-bell {
		margin: 0;
		font-size: 20px;
		color: var(--mb-color6);
		line-height: 24px
	}

	#search-alert.pos-mid .open-alert-box span {
		display: none
	}

	#search-main .hdesc {
		margin-bottom: 6px
	}

	body#home>.content>section#home-search-box {
		display: none
	}

	.simple-prod .top-wrap {
		padding-left: 38px
	}

	.simple-prod .price {
		letter-spacing: -.3px
	}

	#users-list .user .img .online.off {
		display: block
	}

	footer section.two {
		margin-top: 8px
	}

	body#home>.content>section,
	body#home>.content>section.home-premium {
		padding: 20px 0
	}

	body#home>.content>section.home-cat {
		order: 5;
		padding: 20px 0 15px 0;
		border-bottom: 1px solid #ddd;
		margin-bottom: 0
	}

	body#home>.content>section.home-location {
		padding: 16px 0 0 0;
		width: 100%;
		margin: 0 0 8px 0;
		border-radius: 0;
		box-shadow: none
	}

	body#home>.content>section.home-premium {
		order: 6
	}

	body#home>.content>section.home-action {
		order: 7
	}

	body#home .home-link-all-wrap {
		margin: 16px 0 5px 0
	}

	.blog-box {
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 0;
		width: 100%;
		margin: 6px 0
	}

	.blog-box>a {
		box-shadow: none;
		border-radius: 0;
		border-bottom: 1px solid #f0f0f0;
		padding: 10px 0
	}

	.blog-box>a:hover {
		box-shadow: none
	}

	.blog-box>a:last-child {
		border-bottom: none
	}

	.blog-box>a .read {
		opacity: 1;
		margin: auto 0 0 0
	}

	.blog-box>a>img {
		width: 110px;
		height: 100px
	}

	.blog-box>a h3 {
		white-space: nowrap;
		text-overflow: ellipsis;
		height: 20px
	}

	#recent-ads.onhome .simple-prod {
		width: 200px
	}

	body#home .home-cat h2 {
		margin: 0
	}

	.home-cat h2>strong {
		font-size: 24px
	}

	.home-cat h2>span {
		font-size: 15px;
		line-height: 16px
	}

	body#home h2.spec {
		font-size: 22px
	}

	body#home h2.spec>span {
		font-size: 14px;
		line-height: 16px;
		margin: 0
	}

	ul.breadcrumb li:last-child {
		margin-right: 10px
	}

	#rel-block,
	#recent-ads {
		margin: 16px 0 8px 0
	}

	body#item .container.primary {
		padding-bottom: 12px
	}

	#rel-block~#recent-ads {
		margin-top: 0
	}

	#recent-ads.onhome {
		margin: 0
	}

	body#home h2 {
		margin-bottom: 8px
	}

	body form#im-create-thread-form {
		width: 100%;
		margin: 0
	}

	body .oc-chat.oc-closed {
		left: 10px;
		bottom: 55px;
		width: 46px;
		height: 46px;
		min-height: 46px;
		right: auto
	}

	body .oc-chat.oc-closed .oc-global-head {
		width: 46px;
		height: 46px
	}

	body .oc-chat.oc-closed .oc-global-head span:not(.oc-alt):before {
		width: 46px;
		height: 46px;
		line-height: 48px;
		font-size: 20px
	}

	body .oc-chat {
		left: 10px;
		bottom: 55px;
		right: auto;
		z-index: 3
	}

	#search-premium-items {
		border-top: none;
		background: var(--mb-color-secondary-lighter);
		margin: 0 -16px;
		padding: 12px 16px 10px 16px
	}

	#search-premium-items h2 {
		margin-bottom: 2px
	}

	#search-premium-items .products {
		background: #fff0;
		border-radius: 0;
		padding: 0;
		margin: 0 -8px;
		width: calc(100% + 16px)
	}

	#search-premium-items .simple-prod {
		width: 220px
	}

	#filter-line .filter-list,
	#home-cat,
	#search-cat .cat-list {
		flex-wrap: nowrap;
		overflow-x: auto;
		scrollbar-width: none
	}

	#filter-line .filter-list::-webkit-scrollbar,
	#home-cat::-webkit-scrollbar,
	#search-cat .cat-list::-webkit-scrollbar {
		display: none
	}

	#filters-remove {
		flex-wrap: wrap;
		margin-top: 8px;
		margin-bottom: 12px
	}

	#home-cat {
		grid-auto-columns: 100px
	}

	#filter-line {
		position: sticky;
		top: 60px;
		z-index: 5;
		background: #fff;
		padding: 7px 16px 5px 16px;
		margin: 0 -16px;
		width: calc(100% + 32px)
	}

	#search-main>div#search-cat {
		order: 5;
		margin-bottom: 6px
	}

	#search-cat h2 {
		display: none
	}

	.products.list .simple-prod .img-wrap {
		width: 128px;
		height: 100px;
		margin: 0 12px 0 0
	}

	.products.list .simple-prod .data {
		width: calc(100% - 140px)
	}

	.products.list .simple-prod .info .dat,
	.products.list .simple-prod .info {
		font-size: 12px;
		line-height: 14px
	}

	.products.list .simple-prod .title {
		font-size: 15px;
		line-height: 18px;
		max-height: 37px;
		min-height: 19px;
		padding: 0;
		max-width: calc(100% - 36px)
	}

	.products.list .simple-prod .description,
	.products.list .simple-prod .extra {
		display: none
	}

	.products.list .simple-prod .info a.cat {
		display: none
	}

	.products.list .simple-prod .info a {
		margin-right: 4px
	}

	.products.list .simple-prod .info a:after {
		margin-left: 6px
	}

	.products.list .simple-prod .price.standalone {
		font-size: 16px;
		line-height: 18px;
		margin-bottom: 0
	}

	.products.list .simple-prod .favorite-block1 {
		top: 22px
	}

	.products.list .simple-prod .top-wrap {
		bottom: 0
	}

	.simple-prod .price {
		font-size: 17px
	}

	body#item .oc-chat.oc-closed,
	body#item .oc-chat {
		bottom: 102px
	}

	#side-menu .box.filter .row.checkboxes {
		margin-top: 3px;
		display: inline-block;
		width: 100%
	}

	#side-menu .filter-menu .price .line {
		margin-bottom: 3px
	}

	#scroll-to-top {
		right: 10px
	}

	#scroll-to-top:hover {
		height: 36px
	}

	.products#location-items .simple-prod {
		width: 180px;
		margin: 0 0 6px 0
	}

	#search-items #recent-ads .products .simple-prod,
	#search-items #recent-ads .products.grid .simple-prod {
		width: 180px;
		margin: 0
	}

	body#home .simple-prod .img-wrap .favorite,
	.products#latest-items .simple-prod .img-wrap .user-image {
		display: block
	}

	.picker.pattern .results {
		max-height: 280px
	}

	#home-cat::-webkit-scrollbar {
		display: none
	}

	.picker.location input[type="text"]:focus,
	#side-menu .input-box input:focus,
	#def-location .input-box input:focus {
		text-decoration: none
	}

	body#home>.content {
		padding-top: 0
	}

	#flashbox .flashmessage:last-child {
		margin-bottom: 16px
	}

	#epsModal .modal-close {
		display: block
	}

	#epsModal .modal-close-alt {
		display: none
	}

	.picker.location .results {
		max-height: 280px
	}

	#side-menu .picker.location .results {
		max-height: 260px
	}

	#side-menu .picker.location .results a.option {
		padding: 8px 12px;
		font-size: 14px
	}

	.pre-account:not(.has-footer) footer,
	.pre-account footer,
	.item-publish footer {
		height: auto
	}

	.item-publish .content {
		padding: 16px 0
	}

	header .links .btn-white:not(.isMobile) {
		display: none
	}

	.home-action .actions {
		flex-wrap: wrap
	}

	.home-action .actions a {
		width: calc(33.33% - 12px);
		margin: 6px;
		padding: 10px 6px
	}

	.home-action .actions a span {
		font-size: 14px;
		line-height: 16px;
		height: 33px
	}

	.home-action .actions a i,
	.home-action .actions a svg {
		margin-bottom: 6px
	}

	footer {
		padding: 20px 0
	}

	section.promo {
		padding: 8px 0
	}

	section.promo .btn,
	section.promo .container {
		line-height: 16px
	}

	section.promo .btn {
		height: auto
	}

	body {
		padding-top: 60px;
		padding-bottom: 48px
	}

	body#search,
	body#item {
		padding-top: 60px
	}

	header {
		height: 60px
	}

	.pre-account:not(.has-footer) .content,
	.item-publish .content {
		min-height: calc(100vh - 168px)
	}

	header .links1 {
		display: none
	}

	header .links {
		display: none
	}

	header .links .btn {
		margin-top: 2px;
		margin-bottom: 2px
	}

	header .csearch-init {
		display: none;
		flex: 1;
		position: relative;
		margin: 0 8px 0 0
	}

	header .logo.square {
		display: none
	}

	body#home header .logo.square,
	body#search header .logo.square {
		display: block
	}

	body#home header .logo.normal,
	body#search header .logo.normal {
		display: none
	}

	html[mode="light"] body#home header .logo.square.dark,
	html[mode="light"] body#search header .logo.square.dark {
		display: none
	}

	html[mode="dark"] body#home header .logo.square.light,
	html[mode="dark"] body#search header .logo.square.light {
		display: none
	}

	body#home header .csearch-init,
	body#search header .csearch-init {
		display: block
	}

	body#search #header-search,
	body#item #header-search {
		display: none
	}

	header .csearch-init svg.icon,
	header .csearch svg.icon {
		z-index: 2;
		position: absolute;
		left: 12px;
		top: calc(50% - 10px);
		font-size: 16px;
		width: 20px;
		height: 20px;
		padding: 1px;
		text-align: center;
		line-height: 30px;
		color: #acacac;
		fill: #acacac
	}

	header .csearch-init input[type="text"],
	header .csearch input.pattern {
		height: 46px;
		width: 100%;
		padding: 12px 12px 12px 42px;
		font-size: 16px;
		color: var(--mb-color5);
		border: none;
		line-height: 22px;
		background: #f0f1f1;
		border-radius: 4px;
		outline: none;
		box-shadow: none
	}

	header .csearch-init input[type="text"]::placeholder,
	header .csearch input.pattern::placeholder {
		color: var(--mb-color9)
	}

	header .menu-links {
		margin-left: auto;
		height: 40px;
		display: flex;
		align-items: center
	}

	body#item header {
		margin: 0
	}

	body#item header .menu-links {
		margin-left: 0;
		margin-right: 0
	}

	body#item header .container {
		justify-content: space-between
	}

	header a.menu,
	header a.account,
	header a.back,
	header a.action {
		color: var(--mb-color5);
		text-align: center;
		height: 40px;
		width: 40px;
		padding: 6px 0
	}

	header a.menu svg,
	header a.account svg,
	header a.back svg,
	header a.action svg {
		width: auto;
		height: 28px;
		fill: var(--mb-color5);
		padding: 1px;
		margin: 0
	}

	header a.account svg {
		padding: 4px;
		fill: var(--mb-color6)
	}

	header a.back svg {
		padding: 3px
	}

	header a.back {
		margin: 0 40px 0 0
	}

	header .logo.square img {
		height: 36px;
		width: auto;
		max-width: 40px
	}

	body:not(#item) header .logo.normal {
		flex: 1
	}

	body#item header .logo {
		margin: 0 2%
	}

	header .logo.normal img {
		height: 34px;
		width: auto;
		max-width: 160px
	}

	#latest-search {
		margin-top: 8px;
		padding-top: 16px
	}

	#recent-ads.onsearch {
		border-bottom: none;
		padding-bottom: 0;
		margin-bottom: 0
	}

	body#search .container.primary {
		padding-bottom: 16px
	}

	#search-quick-bar {
		margin: 12px 0
	}

	body#home h2 .nobtn {
		margin-top: 4px;
		margin-bottom: 4px
	}

	#home-cat {
		grid-gap: 2px
	}

	body#home h2 {
		align-items: flex-start;
		flex-direction: column
	}

	body#home h2 .btn {
		margin-top: 10px
	}

	.simple-prod {
		width: calc(50% - 4px)
	}

	.simple-prod.medium {
		width: calc(33% - 4px)
	}

	.products#premium-items {
		flex-wrap: nowrap;
		overflow-x: auto
	}

	.products#premium-items .simple-prod.o1 {
		width: 250px
	}

	.products#premium-items .simple-prod:not(.o1) {
		width: 190px
	}

	.products#premium-items .simple-prod .img-wrap {
		height: 180px
	}

	#user-menu {
		display: none
	}

	#user-main {
		width: 100%
	}

	#user-dashboard .card-box {
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 14px
	}

	.body-ua .container.primary {
		margin: 0 0 16px 0
	}

	#user-dashboard .card-box {
		margin: 10px 0
	}

	#user-main .headers {
		margin-bottom: 20px
	}

	.items-box .item .description {
		display: none
	}

	.items-box .item .top {
		max-height: 32px;
		overflow: hidden
	}

	.items-box .item .title {
		max-height: 40px;
		overflow: hidden;
		margin-top: 0
	}

	.items-box .item .buttons a.delete {
		margin-left: 0
	}

	.profile-box .right-block {
		min-width: 200px
	}

	body #fi_list_items.fi_user_menu .fi_item {
		width: 48%
	}

	body #fi_user_lists {
		overflow-x: auto
	}

	body #fi_user_lists .fi_list {
		min-width: 480px
	}

	body #bpr-seller.bpr-block .bpr-comp,
	#bpr-seller .bpr-comp {
		width: calc(33.33% - 16px) !important
	}

	#search-main {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: stretch
	}

	#search-main>div {
		order: 10
	}

	#search-side-banner {
		display: none
	}

	#search-cat .cat-list {
		padding-bottom: 4px
	}

	#alert-form .text,
	#alert-form .response {
		font-size: 14px
	}

	.modal-box.alert-box-search .modal-content,
	.modal-box.report-box .modal-content {
		display: flex;
		align-items: center
	}

	.filter-menu #search-button svg,
	.filter-menu #search-button i {
		display: none
	}

	.products.list .simple-prod .right .favorite>a:not(.is_favorite) {
		display: block
	}

	.products#favorite-items .simple-prod {
		width: 50%
	}

	.products.grid.with-border,
	.products.grid.with-border-mobile {
		border-top: 1px solid #e4e4e4;
		width: calc(100% + 32px) !important;
		margin: 0 -16px !important;
		padding: 0
	}

	.products.grid.with-border .simple-prod,
	.products.grid.with-border-mobile .simple-prod {
		border: none;
		border-right: 1px solid #e4e4e4;
		border-bottom: 1px solid #e4e4e4;
		border-radius: 0;
		margin: 0;
		width: 50% !important
	}

	#search-items .products.grid.with-border .simple-prod,
	#search-items .products.grid.with-border-mobile .simple-prod {
		margin: 0
	}

	.products.grid.with-border .simple-prod:first-child,
	.products.grid.with-border .simple-prod:last-child {
		border-radius: 0
	}

	.products.grid.with-border .simple-prod:nth-child(odd),
	.products.grid.with-border-mobile .simple-prod:nth-child(odd) {
		padding-left: 4px
	}

	.products.grid.with-border .simple-prod:nth-child(even),
	.products.grid.with-border-mobile .simple-prod:nth-child(even) {
		border-right: none;
		padding-right: 4px
	}

	.products.grid.with-border .banner-search_middle~.simple-prod:nth-child(odd),
	.products.grid.with-border-mobile .banner-search_middle~.simple-prod:nth-child(odd) {
		padding-left: 0;
		padding-right: 4px;
		border-right: none
	}

	.products.grid.with-border .banner-search_middle~.simple-prod:nth-child(even),
	.products.grid.with-border-mobile .banner-search_middle~.simple-prod:nth-child(even) {
		padding-right: 0;
		padding-left: 4px;
		border-right: 1px solid #e4e4e4;
	}

	.products.grid.with-border .banner-search_middle+.simple-prod,
	.products.grid.with-border-mobile .banner-search_middle+.simple-prod {
		border-top: 1px solid #e4e4e4;
	}

	.products.grid.with-border .banner-search_middle+.simple-prod+.simple-prod,
	.products.grid.with-border-mobile .banner-search_middle+.simple-prod+.simple-prod {
		border-top: 1px solid #e4e4e4;
	}

	body#item .data-box {
		flex-direction: column
	}

	#item-main {
		width: 100%;
		margin: 0 0 20px 0
	}

	#item-side {
		display: none
	}

	#item-image .swiper-button:hover,
	.nice-scroll-next:hover,
	.nice-scroll-prev:hover {
		transform: scale(1)
	}

	.products#latest-items .simple-prod {
		width: calc(50% - 4px)
	}

	.simple-prod .img-wrap>a img {
		border-radius: 3px
	}

	.products.grid.with-border+#latest-search,
	.products.grid.with-border-mobile+#latest-search {
		border-top: none;
		margin-top: 16px;
		padding-top: 0
	}

	.products.grid.with-border+#recent-ads,
	.products.grid.with-border-mobile+#recent-ads {
		border-top: none;
		margin-top: 16px;
		padding-top: 0
	}

	#breadcrumbs {
		margin: 12px 0 8px 0;
		position: relative
	}

	body#item #breadcrumbs {
		display: none
	}

	#breadcrumbs:before {
		content: "";
		position: absolute;
		left: 0;
		width: 10px;
		height: 100%;
		background: linear-gradient(-90deg, transparent 0%, #fff 75%);
		z-index: 2
	}

	#breadcrumbs:after {
		content: "";
		position: absolute;
		right: 0;
		width: 10px;
		height: 100%;
		background: linear-gradient(90deg, transparent 0%, #fff 75%);
		z-index: 2
	}

	#breadcrumbs .bread-text {
		overflow-x: auto;
		white-space: nowrap;
		scrollbar-width: none;
		position: relative;
		padding: 0 10px;
		margin: 0 -10px;
		width: calc(100% + 20px)
	}

	#breadcrumbs .bread-text::-webkit-scrollbar {
		display: none
	}

	#breadcrumbs ul.breadcrumb {
		margin: 0
	}

	.navlinks {
		display: none
	}

	body#public .container.primary {
		flex-direction: column
	}

	#public-main {
		width: 100%;
		margin: 0;
		padding: 0
	}

	#showcase-box {
		display: none;
		padding: 10px;
		height: auto
	}

	#showcase-box .container {
		height: auto;
		display: inline-block;
		padding: 0
	}

	#showcase-box .container>a {
		margin-bottom: 4px
	}

	#showcase-box .switch-color {
		width: 100%;
		margin: 8px 0 0 0
	}

	#showcase-box .switch-color .lab {
		text-align: left;
		margin: 0 10px 0 0
	}

	!#showcase-box .switch-color {
		margin: 0;
		display: flex;
		align-items: center;
		flex-wrap: nowrap;
		flex-direction: row
	}

	!#showcase-box .switch-color a:first-child {
		margin-left: 0
	}

	body.demo {
		padding-bottom: 42px
	}

	#meet-seller .wrap {
		padding-left: 88px;
		flex-direction: column;
		align-items: stretch
	}

	#meet-seller .wrap img.uimg {
		width: 76px;
		height: 76px
	}

	#meet-seller .wrap .info1 {
		width: 100%;
		padding-right: 0;
		margin-bottom: 12px
	}

	#meet-seller .wrap .info2 {
		width: 100%;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-start
	}

	#meet-seller .wrap .info2 a.btn {
		width: auto;
		margin: 0 6px 6px 0
	}

	#item-image {
		margin: 0 -16px 16px -16px;
		width: calc(100% + 32px);
		border-radius: 0
	}

	#item-main .basic h1,
	#item-main .basic .mo-make-offer-price {
		margin-bottom: 8px
	}

	#item-main .details {
		margin: 4px 0 6px 0
	}

	#item-main .description {
		margin: 0;
		padding: 0;
		border: none
	}

	#item-main .description>h2,
	#item-main .description .desc-text {
		display: none
	}

	#meet-seller {
		padding-bottom: 12px;
		margin-bottom: 14px
	}

	#item-image .img-bg {
		display: none
	}

	#item-image.noimg .img-bg {
		display: block;
		border-radius: 0
	}

	#item-image.noimg .img-bg>img,
	#item-image.noimg .img-bg>.img-overlay {
		border-radius: 0
	}

	#item-hook table tr,
	.custom-fields .field,
	.job-detail>div,
	#item-hook .realestate-details .list-other-attributes li {
		width: calc(50% - 6px);
		margin: 0 6px 6px 0;
		padding-bottom: 6px;
		border-bottom: 1px dashed #eee
	}

	#item-main #location-hook {
		margin: 12px 0 0 0
	}

	.pre-account:not(.has-footer) .content,
	.item-publish .content {
		background: #fff
	}

	.pre-account .box {
		box-shadow: none;
		padding: 4px 8px;
		border-radius: 0
	}

	.pre-account h1 {
		font-size: 28px;
		letter-spacing: -.8px
	}

	.item-publish .category select {
		width: 100%;
		margin-right: 0
	}

	body.item-publish>.content>.container {
		padding: 0
	}

	.item-publish h1 {
		display: none
	}

	.item-publish .box section:not(.buttons-block) {
		border-radius: 0;
		box-shadow: 0 -5px 0 0 #fff, 0 2px 8px rgb(0 0 0 / .2), 0 0 0 1px rgb(0 0 0 / .06)
	}

	.item-publish .box section:not(.buttons-block).about {
		box-shadow: none;
		margin-bottom: 4px
	}

	.item-publish .box section.upload-photos h2 {
		padding-top: 6px
	}

	.item-publish .box section.buttons-block {
		padding: 0 16px 12px 16px;
		margin: 0
	}

	#alert-items .simple-prod {
		margin-bottom: 0
	}

	.alerts-box {
		margin: 0
	}

	.alerts-box .alert {
		margin: 0 -16px 16px -16px;
		width: calc(100% + 32px);
		border: none;
		border-radius: 0;
		box-shadow: 0 -6px 0 0 #fff, 0 2px 8px rgb(0 0 0 / .25), 0 1px 0 0 rgb(0 0 0 / .06)
	}

	.alerts-box .alert:last-child {
		box-shadow: none;
		margin-bottom: 0
	}

	#user-dashboard .card {
		padding: 12px
	}

	#user-dashboard .card .icon {
		margin-top: 4px
	}

	body.pre-account {
		background: #fff
	}

	.pre-account#contact .box {
		margin-bottom: 10px
	}

	.profile-box form.profile>.wrap {
		flex-direction: column
	}

	.profile-box .left-block {
		width: 100%
	}

	.profile-box .right-block {
		padding: 0;
		width: 100%;
		margin-top: 24px;
		border: none
	}

	.profile-box.prim .row.user-buttons {
		margin: 4px 0 0 0
	}

	.profile-box {
		margin-bottom: 24px
	}

	.profile-box:last-child {
		margin-bottom: 12px
	}

	.profile-box.alt {
		padding-top: 20px;
		border-top: 2px dotted #ccc
	}

	.profile-box textarea {
		height: 120px
	}
}

@media screen and (max-width:540px) {
	.upload-photos .qq-upload-list {
		grid-template-columns: 1fr 1fr
	}

	.item-publish .row.phone,
	.item-publish .row.user-email,
	.item-publish .row.country,
	.item-publish .row.region,
	.item-publish .row.city {
		padding-right: 0;
		width: 100%;
		max-width: 100%
	}

	.item-publish .row.country+.row.region,
	.item-publish .row.country+.row.region+.row.city {
		width: 100%
	}

	.item-publish .row.zip {
		width: 80px
	}

	.item-publish .row.address {
		width: calc(100% - 80px)
	}

	.simple-prod.medium {
		width: calc(50% - 4px)
	}

	.items-box .item .image {
		width: 140px;
		height: 120px;
		margin-right: 14px
	}

	.items-box .item .body {
		width: calc(100% - 154px);
		height: auto;
		padding: 0
	}

	.items-box .item .top {
		padding-right: 0;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		scrollbar-width: none;
		align-items: center;
		justify-content: flex-start;
		overflow-x: auto;
		white-space: nowrap;
		width: 100%;
		margin-bottom: 4px
	}

	.items-box .item .top::-webkit-scrollbar {
		display: none
	}

	.items-box .item .price {
		position: relative;
		top: auto;
		left: auto;
		right: auto;
		width: auto;
		max-width: 100%;
		margin: 0 0 4px 0;
		font-size: 15px;
		font-weight: 700
	}

	.items-box .item .title {
		font-size: 18px;
		margin-bottom: 4px;
		color: var(--mb-color4)
	}

	.alerts-box .head-row {
		flex-direction: column
	}

	.alerts-box .head-row .btn {
		margin: 16px 0 4px 0;
		width: 100%;
		padding: 8px;
		font-size: 15px;
		height: auto
	}

	.profile-box form.profile>.wrap {
		flex-direction: column
	}

	.profile-box .left-block {
		padding-right: 0
	}

	.profile-box .right-block {
		min-width: initial;
		max-width: initial;
		width: 100%;
		background: #fff0;
		padding: 0;
		margin: 10px 0 0 0;
		position: relative;
		top: auto
	}

	.profile-box.prim .row.user-buttons {
		flex-direction: column
	}

	.profile-box.prim .row.user-buttons .btn-secondary {
		margin-left: 0;
		margin-top: 12px
	}

	.profile-box input,
	.profile-box select,
	.profile-box textarea {
		max-width: 100%
	}

	.blog-box>a:nth-child(1n+4),
	.blog-box>a:nth-child(1n+5) {
		display: flex
	}

	#p404 .errbox {
		width: 250px
	}

	.errbox .number {
		font-size: 7.5rem
	}

	.errbox .illustration {
		width: 6.1rem;
		margin: 0 1.05rem
	}

	.errbox .circle {
		width: 6.1rem;
		height: 5.7rem
	}

	.errbox .clip {
		bottom: .15rem;
		width: 6.25rem;
		height: 6.5rem
	}

	.errbox .paper {
		bottom: -.15rem;
		width: 4.6rem;
		height: 6.2rem;
		border-width: .15rem;
		border-radius: .4rem
	}

	.errbox .paper:before {
		top: -.25rem;
		right: -.325rem;
		width: .7rem;
		height: .5rem;
		border-bottom-width: .15rem
	}

	.errbox .face {
		margin-top: 1.15rem
	}

	.errbox .eyes {
		left: 1.2rem;
		width: 2.3rem;
		height: .4rem
	}

	.errbox .eye {
		width: .4rem;
		height: .4rem
	}

	.errbox .rosyCheeks {
		top: .8rem;
		width: .5rem;
		height: .1rem;
		left: .7rem
	}

	.errbox .rosyCheeks-right {
		right: .7rem;
		left: auto
	}

	.errbox .mouth {
		top: 1.55rem;
		width: .8rem;
		height: .1rem;
		border-radius: .05rem
	}

	@keyframes eye {
		0% {
			height: .4rem
		}

		50% {
			height: .4rem
		}

		52% {
			height: .05rem
		}

		54% {
			height: .4rem
		}

		100% {
			height: .4rem
		}
	}

	#item-main .description .desc-parts {
		align-items: flex-start;
		flex-direction: column
	}

	#item-main .location {
		margin: 16px 0 0 0;
		padding: 0;
		border: none;
		top: auto;
		position: relative;
		min-width: 0;
		width: 100%
	}
}

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

	body #bpr-seller.bpr-block .bpr-comp,
	#bpr-seller .bpr-comp {
		width: calc(50% - 16px) !important
	}

	#search-items .products.grid .simple-prod,
	.products.grid .simple-prod {
		width: calc(50% - 2px);
		margin-left: 1px;
		margin-right: 1px
	}

	#item-sticky-box .btn {
		margin-left: 16px
	}
}

@media screen and (max-width:430px) {
	#home-cat[data-cols="4"] {
		grid-auto-columns: calc(25% - 2px);
		margin: 0 -10px;
		max-width: calc(100% + 20px);
		width: calc(100% + 20px);
		overflow: hidden
	}

	#home-cat[data-cols="4"] a {
		width: 100%
	}
}

@media screen and (max-width:430px) {
	header .links .publish:not(.mini) {
		display: none
	}

	header .links .publish.mini {
		display: inline-block;
		width: 36px;
		padding: 7px 4px;
		margin-left: 10px
	}

	header .links .publish.mini svg {
		vertical-align: 0;
		margin: 0;
		height: 20px
	}

	.items-box .item .image {
		width: 110px;
		height: 100px;
		margin-right: 10px
	}

	.items-box .item .body {
		width: calc(100% - 120px)
	}

	.simple-prod .right .price {
		display: none
	}

	.products.list .simple-prod .price.standalone {
		display: block
	}

	.products.list .simple-prod .top-wrap {
		display: none
	}

	.products.list .simple-prod .info a.cit+.reg {
		display: none
	}

	.products.list .simple-prod .info a:after {
		display: none
	}

	.qr-code {
		margin: 4px 0 18px 6px
	}

	#home-cat {
		grid-auto-columns: 90px;
		grid-gap: 0;
		margin-left: -12px;
		margin-right: -12px;
		width: calc(100% + 24px);
		max-width: calc(100% + 24px)
	}

	#home-cat a {
		width: 90px;
		padding-left: 2px;
		padding-right: 2px
	}
}

@media screen and (max-width:370px) {
	#item-main .details>.elem {
		width: 100%;
		margin-left: 0;
		margin-right: 0
	}

	#item-image .mlink.report-button span {
		display: none
	}

	#item-image .mlink.report-button i {
		margin: 0
	}

	.home-action .actions a {
		width: calc(50% - 12px)
	}

	#user-dashboard .card-box {
		grid-template-columns: repeat(1, 1fr)
	}

	div[id^="anr_captcha_field_"],
	div.g-recaptcha,
	#item-forms div.g-recaptcha {
		max-width: 250px;
		height: 60px
	}

	div[id^="anr_captcha_field_"]>div,
	div.g-recaptcha>div {
		transform: scale(.75);
		transform-origin: 0 0
	}

	#comments .rating>span,
	.show-rating.show-stars>span {
		display: none
	}

	#item-sticky-box .btn-regular+.btn-regular+.btn-regular+.btn-regular {
		display: none
	}
}

html[dir="rtl"],
html[dir="rtl"] body {
	direction: rtl
}

html[dir="rtl"] #flashbox .wrap {
	right: 0;
	left: auto
}

html[dir="rtl"] #flashbox .flashmessage:before {
	right: 0;
	left: auto;
	border-radius: 0 3px 3px 0
}

html[dir="rtl"] #flashbox .flashmessage:after {
	right: 5px;
	left: auto
}

html[dir="rtl"] #flashbox .flashmessage,
html[dir="rtl"] #error_list li,
html[dir="rtl"] .upload-photos .flashmessage,
html[dir="rtl"] .problem,
html[dir="rtl"] .flashmessage {
	padding-left: 50px;
	padding-right: 12px
}

html[dir="rtl"] #flashbox .flashmessage {
	padding-right: 54px
}

html[dir="rtl"] #flashbox .flashmessage .btn.ico-close,
html[dir="rtl"] .upload-photos .flashmessage .close {
	left: 6px;
	right: auto;
	border-left: none;
	border-right: 1px solid var(--mb-color3)
}

html[dir="rtl"][mode="dark"] #flashbox .flashmessage .btn.ico-close,
html[dir="rtl"][mode="dark"] .upload-photos .flashmessage .close {
	border-color: var(--mb-color10)
}

html[dir="rtl"] header .logo {
	margin-left: 20px;
	margin-right: 0
}

html[dir="rtl"] header .links {
	margin-right: auto;
	margin-left: 0
}

html[dir="rtl"] header .links .publish {
	margin: 0 10px 0 2px
}

html[dir="rtl"] header .links a.mini-btn .counter {
	left: 5px;
	right: auto
}

html[dir="rtl"] header .links a.account img {
	margin-left: 4px;
	margin-right: 0
}

html[dir="rtl"] header .my-account-menu a {
	float: right
}

html[dir="rtl"] header .my-account-menu a i,
html[dir="rtl"] header .my-account-menu a svg {
	margin-left: 4px;
	margin-right: 0
}

html[dir="rtl"] #main-search .tabs a {
	margin-left: 8px;
	margin-right: 0
}

html[dir="rtl"] #main-search .tabs a .label {
	left: -3px;
	right: auto
}

html[dir="rtl"] #main-search .tabs a i {
	margin-left: 2px;
	margin-right: 0
}

html[dir="rtl"] #main-search .tab-data {
	border-radius: 5px 0 5px 5px
}

html[dir="rtl"] #main-search .tab-data .input-box.location+.simple-radius .text:before {
	right: -1px;
	left: auto
}

html[dir="rtl"] #main-search .tab-data .input-box.simple-select .text>svg,
html[dir="rtl"] .simple-select .text .caret {
	left: 8px;
	right: auto
}

html[dir="rtl"] .picker .icon,
html[dir="rtl"] .has-icon .icon,
html[dir="rtl"] .input-box .icon-curr {
	right: 6px;
	left: auto
}

html[dir="rtl"] #main-search .has-icon input[type="text"],
html[dir="rtl"] #main-search .has-icon input[type="number"],
html[dir="rtl"] #main-search .has-icon select {
	padding-right: 40px;
	padding-left: 8px
}

html[dir="rtl"] .picker.has-icon input[type="text"],
html[dir="rtl"] .has-icon input[type="text"] {
	padding-right: 42px;
	padding-left: 8px
}

html[dir="rtl"] .simple-select .text {
	padding-right: 10px;
	padding-left: 30px
}

html[dir="rtl"] #main-search .tab-data .input-box.simple-select .text {
	padding-right: 10px;
	padding-left: 32px
}

html[dir="rtl"] .simple-select .option,
html[dir="rtl"] .simple-list .link-check-box>a {
	padding-left: 10px;
	padding-right: 34px
}

html[dir="rtl"] .simple-select .option:before,
html[dir="rtl"] .simple-list .link-check-box>a:before {
	left: auto;
	right: 12px
}

html[dir="rtl"] #main-search .tab-data input[type="hidden"]+.input-box input[type="text"],
html[dir="rtl"] #main-search .tab-data input[type="hidden"]+.input-box input[type="number"],
html[dir="rtl"] #main-search .tab-data input[type="hidden"]+.input-box select,
html[dir="rtl"] #main-search .tab-data input[type="hidden"]+.input-box .text {
	border-radius: 0 5px 5px 0
}

html[dir="rtl"] #main-search .latest-search a {
	margin: 0 4px 0 0
}

html[dir="rtl"] #main-search .latest-search strong {
	margin: 0 0 0 2px
}

html[dir="rtl"] .simple-select .option.sub1 {
	border-right: 10px solid #fff0;
	border-left: none
}

html[dir="rtl"] .simple-select .option.sub2 {
	border-right: 15px solid #fff0;
	border-left: none
}

html[dir="rtl"] .simple-select .option.sub3 {
	border-right: 20px solid #fff0;
	border-left: none
}

html[dir="rtl"] .simple-select .option.info,
html[dir="rtl"] .simple-select .option.nonclickable {
	padding-left: 10px;
	padding-right: 10px
}

html[dir="rtl"] .picker.location .option>span,
html[dir="rtl"] .option.standalone>span {
	margin-left: 2px;
	margin-right: 0
}

html[dir="rtl"] .picker.v2 .option,
html[dir="rtl"] .option.standalone {
	padding-left: 16px;
	padding-right: 40px
}

html[dir="rtl"] .option.standalone svg {
	right: 17px;
	left: auto
}

html[dir="rtl"] .picker.v2 .patterns a:after,
html[dir="rtl"] .picker.v2 .default .recent.locations a:after {
	margin-left: 0;
	margin-right: 1px
}

html[dir="rtl"] .picker.v2 .results a:after {
	right: 16px;
	left: auto
}

html[dir="rtl"] .picker.v2 .locations a:after {
	margin-left: 0;
	margin-right: 2px
}

html[dir="rtl"] #main-search .tab-data .input-box {
	border-right: none;
	border-left: 1px solid #e0e0e0
}

html[dir="rtl"] #main-search .tab-data .input-box.location:has(+.simple-radius) {
	border-left-color: #fff0
}

html[dir="rtl"] .simple-prod .top-wrap {
	padding-left: 0;
	padding-right: 44px
}

html[dir="rtl"] .simple-prod .top-wrap .dt i {
	margin-left: 1px;
	margin-right: 0
}

html[dir="rtl"] .simple-prod .favorite em {
	margin-left: 0;
	margin-right: -5px
}

html[dir="rtl"] .simple-prod .top-wrap .user-image {
	right: 0;
	left: auto
}

html[dir="rtl"] .simple-prod .top-wrap .user-image .business {
	left: -3px;
	right: auto
}

html[dir="rtl"] body#home h2 .nobtn i {
	margin-left: 2px;
	margin-right: 0
}

html[dir="rtl"] .products.grid.style2 .simple-prod .favorite-block1 em {
	left: -2px;
	right: auto
}

html[dir="rtl"] .simple-prod .favorite a {
	margin-left: 0;
	margin-right: -6px
}

html[dir="rtl"] .products.grid.style2 .simple-prod .favorite-block1 a {
	margin: 0
}

html[dir="rtl"] .simple-prod .favorite,
html[dir="rtl"] #item-main .favorite {
	left: 8px;
	right: auto
}

html[dir="rtl"] .simple-prod .favorite-block1>.favorite {
	left: auto
}

html[dir="rtl"] .products.grid.style2 .simple-prod .favorite-block1,
html[dir="rtl"] .products.grid.style1 .simple-prod .favorite-block1 {
	left: 12px;
	right: auto
}

html[dir="rtl"] .simple-prod .marks {
	right: 3px;
	left: auto
}

html[dir="rtl"] .blog-box>a>img {
	margin-left: 12px;
	margin-right: 0
}

html[dir="rtl"] .products.grid.style3 .simple-prod .top-wrap {
	padding-left: 28px;
	padding-right: 44px
}

html[dir="rtl"] .simple-prod .extra>span:after {
	margin: 0 6px 0 2px
}

html[dir="rtl"] .products.grid.style3 .simple-prod .favorite-block1 {
	left: 8px;
	right: auto
}

html[dir="rtl"] footer .col {
	padding-right: 0;
	padding-left: 25px
}

html[dir="rtl"] footer .social a i,
html[dir="rtl"] footer .social a svg {
	float: right;
	margin-left: 7px;
	margin-right: 0
}

html[dir="rtl"] footer a.switch-ld1>svg {
	margin-left: 6px;
	margin-right: 0
}

html[dir="rtl"] footer section.two a {
	margin-left: 15px;
	margin-right: 0
}

html[dir="rtl"] footer a.lang img {
	margin-left: 4px;
	margin-right: 0
}

html[dir="rtl"] footer .col.contact .txt {
	padding-right: 0;
	padding-left: 16px
}

html[dir="rtl"] .picker .clean {
	left: 6px;
	right: auto
}

html[dir="rtl"] .picker.location.loading:after,
html[dir="rtl"] .picker.pattern.loading:after,
html[dir="rtl"] .picker.pattern.mobile.loading>.input-box:after,
html[dir="rtl"] .picker.category.loading:after {
	left: 7px;
	right: auto
}

html[dir="rtl"] header .csearch button {
	margin-right: 8px;
	margin-left: 0
}

html[dir="rtl"] #side-menu .section.lead>a img {
	margin-left: 12px;
	margin-right: 0
}

html[dir="rtl"] #side-menu .close {
	left: 16px;
	right: auto
}

html[dir="rtl"] #side-menu .section a .counter {
	left: 16px;
	right: auto
}

html[dir="rtl"] #side-menu .section a,
html[dir="rtl"] #def-location a {
	padding-right: 60px;
	padding-left: 16px
}

html[dir="rtl"] #side-menu .section a svg,
html[dir="rtl"] #def-location a.svg,
html[dir="rtl"] #side-menu .menu-hooks a>i,
html[dir="rtl"] #side-menu .menu-hooks a:before {
	right: 16px;
	left: auto
}

html[dir="rtl"] #side-menu .section a .indicator {
	left: 16px;
	right: auto;
	transform: scaleX(-1)
}

html[dir="rtl"] #side-menu a.lang img {
	float: right;
	margin-left: 12px;
	margin-right: 0
}

html[dir="rtl"] #side-menu .box .nav .back {
	margin-left: 10px;
	margin-right: 0
}

html[dir="rtl"] #side-menu .box .nav .back svg,
html[dir="rtl"] #side-menu .box .nav .back i {
	transform: scaleX(-1)
}

html[dir="rtl"] #side-menu .section.lead>a {
	padding: 0
}

html[dir="rtl"] #side-menu .box .section a,
html[dir="rtl"] #def-location .section a {
	padding-right: 16px
}

html[dir="rtl"] #side-menu .box.location .input-box input,
html[dir="rtl"] #def-location .input-box input {
	padding-right: 42px;
	padding-left: 8px
}

html[dir="rtl"] html[dir="rtl"] .picker .clean {
	right: 6px;
	left: auto
}

html[dir="rtl"] #side-menu .navigator a.locate-me,
html[dir="rtl"] #def-location .navigator a.locate-me,
html[dir="rtl"] .navigator a.locate-me {
	padding-right: 58px
}

html[dir="rtl"] #side-menu .box .section .recent a,
html[dir="rtl"] #side-menu .box .section .popular a,
html[dir="rtl"] #def-location .recent a,
html[dir="rtl"] #def-location .popular a {
	padding-right: 40px;
	padding-left: 16px
}

html[dir="rtl"] #side-menu .box .section .recent a:after,
html[dir="rtl"] #def-location .recent a:after,
html[dir="rtl"] #side-menu .box .section .popular a:after,
html[dir="rtl"] #def-location .popular a:after {
	right: 16px;
	left: auto;
	margin-right: 1px;
	margin-left: 0
}

html[dir="rtl"] #side-menu .input-box svg,
html[dir="rtl"] #def-location .input-box svg {
	right: 8px;
	left: auto
}

html[dir="rtl"] input[type=file]::file-selector-button {
	margin-left: 12px;
	margin-right: 0
}

html[dir="rtl"] a.toggle-pass {
	right: auto;
	left: 8px
}

html[dir="rtl"] .input-box-check label {
	padding-left: 0 !important;
	padding-right: 27px !important;
	float: right
}

html[dir="rtl"] .input-box-check label:before,
html[dir="rtl"] .input-box-check label:after {
	right: 0;
	left: auto
}

html[dir="rtl"] #side-menu .navigator a.locate-me svg,
html[dir="rtl"] #def-location .navigator a.locate-me svg,
html[dir="rtl"] .navigator a.locate-me svg {
	right: 16px;
	left: auto
}

html[dir="rtl"] #zetModal .modal-close-alt {
	left: -50px;
	right: auto
}

html[dir="rtl"] .item-publish .category select {
	margin-left: 8px;
	margin-right: 0
}

html[dir="rtl"] .item-publish select#currency {
	right: 5px;
	left: auto;
	border-left: 1px solid #ccc;
	border-right: none
}

html[dir="rtl"] .item-publish .selection a i {
	margin-left: 5px;
	margin-right: 0
}

html[dir="rtl"] input[type="checkbox"],
html[dir="rtl"] input[type="radio"] {
	margin-left: 4px;
	margin-right: 0
}

html[dir="rtl"] #plugin-hook input[type="checkbox"] {
	margin-left: 5px;
	margin-right: 0
}

html[dir="rtl"] #plugin-hook input[type="checkbox"],
html[dir="rtl"] #plugin-hook input[type="radio"] {
	float: right;
	margin-left: 4px;
	margin-right: 0
}

html[dir="rtl"] #mo-check.styled .input-box-check label {
	padding-right: 24px !important;
	padding-left: 0 !important;
	float: right
}

html[dir="rtl"] #plugin-hook input[type="checkbox"]+label,
html[dir="rtl"] #plugin-hook input[type="radio"]+label {
	float: right !important
}

html[dir="rtl"] #plugin-hook input[type="checkbox"]+label {
	text-align: right
}

html[dir="rtl"] ul.tabbernav li a {
	margin-left: 5px;
	margin-right: 0
}

html[dir="rtl"] #plugin-hook #power,
html[dir="rtl"] #plugin-hook #power_unit {
	float: revert;
	margin-left: 12px;
	margin-right: 0
}

html[dir="rtl"] .item-publish .row.address {
	float: right;
	padding-left: 16px;
	padding-right: 0
}

html[dir="rtl"] .item-publish .row.name,
html[dir="rtl"] #user-dashboard .headers {
	padding-right: 82px;
	padding-left: 0
}

html[dir="rtl"] .item-publish .img-container,
html[dir="rtl"] .body-ua .img-container {
	right: 0;
	left: auto
}

html[dir="rtl"] .item-publish input#price {
	padding-right: 94px;
	padding-left: 8px
}

html[dir="rtl"] .item-publish .status-wrap .transaction {
	padding-left: 12px;
	padding-right: 0;
	float: right
}

html[dir="rtl"] .item-publish .status-wrap .condition {
	float: right
}

html[dir="rtl"] .upload-photos .qq-upload-delete {
	left: 5px;
	right: auto
}

html[dir="rtl"] .item-publish .selection a {
	margin-left: 12px;
	margin-right: 0
}

html[dir="rtl"] #user-dashboard .card .icon .count {
	left: -6px;
	right: auto
}

html[dir="rtl"] #user-menu {
	margin-right: -10px;
	margin-left: 0
}

html[dir="rtl"] #user-menu a.public .ext {
	left: 7px;
	right: auto;
	transform: scaleX(-1)
}

html[dir="rtl"] #user-menu a {
	border-left: none;
	border-right: 3px solid #fff0
}

html[dir="rtl"] #user-menu a.active {
	border-color: var(--mb-color-primary)
}

html[dir="rtl"] #user-menu a.has-counter {
	padding-right: 8px;
	padding-left: 30px
}

html[dir="rtl"] #user-menu a .counter,
html[dir="rtl"] #user-menu a .im-user-account-count {
	left: 5px;
	right: auto
}

html[dir="rtl"] .items-box .item .image {
	margin-left: 16px;
	margin-right: 0
}

html[dir="rtl"] .items-box .item .buttons a {
	margin-left: 6px;
	margin-right: 0
}

html[dir="rtl"] .items-box .item .buttons a.delete i {
	margin-left: 2px;
	margin-right: 0
}

html[dir="rtl"] .items-box .item .price {
	left: 0;
	right: auto
}

html[dir="rtl"] .items-box .item .top {
	padding-left: 130px;
	padding-right: 0
}

html[dir="rtl"] .alerts-box .head-row .btn {
	margin-left: 0;
	margin-right: 12px
}

html[dir="rtl"] .profile-box .profile-img .btn {
	margin-left: 5px;
	margin-right: 0
}

html[dir="rtl"] .profile-box .right-block {
	border-right: 1px solid #ddd;
	border-left: none;
	padding-left: 0;
	padding-right: 24px
}

html[dir="rtl"] #user-loc .navigator a.locate-me {
	padding-right: 58px;
	padding-left: 10px
}

html[dir="rtl"] #meet-seller h2>span,
html[dir="rtl"] #public h1>span {
	padding-right: 0;
	padding-left: 10px
}

html[dir="rtl"] .show-rating.show-stars>span {
	margin-right: 3px;
	margin-left: 0
}

html[dir="rtl"] #meet-seller .wrap .info1 {
	padding-left: 16px;
	padding-right: 0
}

html[dir="rtl"] #meet-seller .wrap {
	padding-left: 0;
	padding-right: 120px
}

html[dir="rtl"] #public #meet-seller .wrap {
	padding-left: 0;
	padding-right: 140px
}

html[dir="rtl"] #meet-seller .wrap img.uimg {
	right: 0;
	left: auto
}

html[dir="rtl"] .btn i {
	margin-left: 3px;
	margin-right: 0
}

html[dir="rtl"] #meet-seller .elements>* {
	margin-left: 4px;
	margin-right: 0
}

html[dir="rtl"] .products.list .simple-prod .top-wrap {
	padding-left: 0;
	padding-right: 34px;
	left: 0;
	right: auto
}

html[dir="rtl"] .products.list .simple-prod .top-wrap .user-image .online {
	left: 1px;
	right: auto
}

html[dir="rtl"] .products.list .simple-prod .info a {
	margin-left: 8px;
	margin-right: 0
}

html[dir="rtl"] .products.list .simple-prod .info a:after {
	margin-right: 10px;
	margin-left: 2px;
	float: left
}

html[dir="rtl"] .products.list .simple-prod .description {
	padding-right: 0;
	padding-left: 40px
}

html[dir="rtl"] .products.list .simple-prod .favorite-block1 {
	left: 0;
	right: auto
}

html[dir="rtl"] .products.list .simple-prod .img-wrap {
	margin-left: 16px;
	margin-right: 0
}

html[dir="rtl"] #meet-seller a.phone {
	margin-left: 6px;
	margin-right: 0;
	float: right
}

html[dir="rtl"] #public #share {
	right: 0;
	left: auto
}

html[dir="rtl"] #meet-seller .address i {
	float: right;
	margin-left: 5px;
	margin-right: 0
}

html[dir="rtl"] #public .master-button i {
	margin-left: 5px;
	margin-right: 0
}

html[dir="rtl"] #filters-remove a.remove-all i {
	margin-left: 4px;
	margin-right: 0
}

html[dir="rtl"] #header-search .pattern input[type="text"] {
	padding-right: 44px;
	padding-left: 12px;
	border-radius: 0 5px 5px 0
}

html[dir="rtl"] #header-search .location input[type="text"] {
	padding-right: 44px;
	padding-left: 12px
}

html[dir="rtl"] #header-search .btns {
	border-radius: 5px 0 0 5px;
	padding-right: 10px;
	padding-left: 4px
}

html[dir="rtl"] #search-alert .open-alert-box i.fa-bell,
html[dir="rtl"] #filter-line .filter-list>a svg {
	margin-left: 7px;
	margin-right: 0
}

html[dir="rtl"] #search-cat .cat-list a {
	margin-left: 6px;
	margin-right: 0
}

html[dir="rtl"] #search-cat .cat-list a.serv {
	margin-left: -1px;
	margin-right: 0
}

html[dir="rtl"] #search-cat .cat-list a.serv:not(:has(+.serv)) {
	border-radius: 5px 0 0 5px
}

html[dir="rtl"] #search-cat .cat-list a.all {
	border-radius: 0 5px 5px 0;
	margin-right: 0;
	margin-left: -1px
}

html[dir="rtl"] #filter-line .counter {
	left: -2px;
	right: auto
}

html[dir="rtl"] #filter-line .simple-select .text>.caret {
	left: 10px;
	right: auto
}

html[dir="rtl"] #filter-line .simple-select .text {
	padding-right: 14px;
	padding-left: 28px
}

html[dir="rtl"] .simple-select .list.inputs .swrap .del2,
html[dir="rtl"] #filter-line .del {
	margin-left: 12px;
	margin-right: 6px
}

html[dir="rtl"] .simple-select .list {
	right: 0;
	left: auto
}

html[dir="rtl"] #filter-line .filter-list>a,
html[dir="rtl"] #filter-line .simple-select,
html[dir="rtl"] #filter-line .filter-list>select,
html[dir="rtl"] #filters-remove a {
	margin-left: 6px;
	margin-right: 0
}

html[dir="rtl"] #filters-remove a {
	padding-left: 30px;
	padding-right: 8px
}

html[dir="rtl"] #filters-remove a:after {
	left: 4px;
	right: auto
}

html[dir="rtl"] #filters-remove a.remove-all {
	padding-left: 10px
}

html[dir="rtl"] .paginate ul li a.searchPaginationLast i,
html[dir="rtl"] .paginate ul li a.searchPaginationFirst i,
html[dir="rtl"] .paginate ul li a.searchPaginationNext i,
html[dir="rtl"] .paginate ul li a.searchPaginationPrev i {
	transform: scaleX(-1)
}

html[dir="rtl"] .products.list .simple-prod .info .business {
	margin-left: 10px;
	margin-right: 0
}

html[dir="rtl"] #search-premium-items .simple-prod {
	margin-left: 1px;
	margin-right: 0;
	box-shadow: -1px 0 0 0 #ddd
}

html[dir="rtl"] #search-quick-bar .simple-sort .text {
	padding-left: 28px;
	padding-right: 14px
}

html[dir="rtl"] #search-quick-bar .simple-sort .text>span {
	margin-left: 4px;
	margin-right: 0
}

html[dir="rtl"] #filter-line .simple-select .text>.caret,
html[dir="rtl"] #search-quick-bar .simple-sort .text>.caret {
	margin-left: 2px;
	margin-right: 8px
}

html[dir="rtl"] #search-quick-bar .simple-sort .text>.caret {
	left: 8px;
	right: auto
}

html[dir="rtl"] #search-quick-bar .view-type a.list svg {
	transform: scaleX(-1)
}

html[dir="rtl"] #latest-search a {
	float: right;
	margin-left: 5px;
	margin-right: 0
}

html[dir="rtl"] .ssfrm label,
html[dir="rtl"] .ssfrm h6,
html[dir="rtl"] .ssfrm #atr-search .control-group>label {
	text-align: right
}

html[dir="rtl"] .ssfrm input[type="checkbox"],
html[dir="rtl"] .ssfrm input[type="checkbox"]+label,
html[dir="rtl"] .ssfrm .sidebar-hooks input[type="radio"] {
	float: right
}

html[dir="rtl"] .ssfrm .row.buttons .btn.btn-white {
	margin-left: 10px;
	margin-right: 0
}

html[dir="rtl"] .cat-box .cat-one a {
	padding-left: 40px;
	padding-right: 10px
}

html[dir="rtl"] .cat-box .cat-one a i,
html[dir="rtl"] .cat-box .cat-one a img,
html[dir="rtl"] .cat-box .cat-one a svg,
html[dir="rtl"] .cat-box .cat-one a i,
html[dir="rtl"] .cat-box .cat-one a img,
html[dir="rtl"] .cat-box .cat-one a svg {
	margin-left: 12px;
	margin-right: 0
}

html[dir="rtl"] .cat-box .cat-one a.has-subcat:after,
html[dir="rtl"] .cat-box .cat-one a.all-cat i {
	right: auto;
	left: 12px;
	transform: scaleX(-1)
}

html[dir="rtl"] #zetModal .head .subbox-close {
	right: 15px;
	left: auto
}

html[dir="rtl"] #zetModal .head .subbox-close svg {
	transform: scaleX(-1)
}

html[dir="rtl"] .cat-box .cat-foot .btn.close-category-box {
	margin-left: 8px;
	margin-right: 0
}

html[dir="rtl"] .ssfrm .price .input-box-check label {
	padding-left: 0 !important;
	padding-right: 18px !important
}

html[dir="rtl"] #search-alert .open-alert-box .active-badge {
	right: 21px;
	left: auto
}

html[dir="rtl"] #filter-line .simple-select.simple-location .results .lead {
	float: right
}

html[dir="rtl"] #filter-line .simple-select.simple-location .results .option {
	padding-left: 10px;
	padding-right: 34px
}

html[dir="rtl"] .simple-select .list.inputs.spec .swrap .picker .icon {
	margin-left: 0;
	margin-right: 10px
}

html[dir="rtl"] .simple-select .list.inputs.spec .swrap .picker .clean {
	margin-left: 10px;
	margin-right: 0
}

html[dir="rtl"] .simple-select .list.inputs.spec .swrap .picker.location.loading:after {
	margin-left: 7px;
	margin-right: 0
}

html[dir="rtl"] #alert-form .inputs input[name="alert_email"] {
	margin-left: 8px;
	margin-right: 0
}

html[dir="rtl"] #zetModal .modal-close,
html[dir="rtl"] #zetModal .head .subbox-close {
	left: 15px;
	right: auto
}

html[dir="rtl"] #item-image .mlink,
html[dir="rtl"] #item-image .mlinkw>a {
	margin-left: 0;
	margin-right: 10px
}

html[dir="rtl"] #item-image .mlinks {
	left: 16px;
	right: auto
}

html[dir="rtl"] #item-image .mlink i,
html[dir="rtl"] #item-image .mlink svg,
html[dir="rtl"] #item-image .mlinkw>a i {
	margin-left: 5px;
	margin-right: 0
}

html[dir="rtl"] #seller .line1 .img .online {
	left: 1px;
	right: auto
}

html[dir="rtl"] #seller .line3 .phone i {
	margin-left: 2px;
	margin-right: 0
}

html[dir="rtl"] #seller .line1 .img,
html[dir="rtl"] #item-card .img,
html[dir="rtl"] #item-main .details2>.elem>svg {
	margin-left: 12px;
	margin-right: 0
}

html[dir="rtl"] #item-main .details>.elem svg {
	margin-left: 8px;
	margin-right: 0
}

html[dir="rtl"] .qr-code {
	float: left;
	margin: 4px 16px 20px 0;
	border-radius: 3px 3px 3px 0
}

html[dir="rtl"] .qr-code>strong {
	left: -1px;
	right: auto
}

html[dir="rtl"] i.fa-external-link-alt {
	transform: scaleX(-1)
}

html[dir="rtl"] .comment-rating-selected {
	margin-right: 5px;
	margin-left: 0
}

html[dir="rtl"] #item-main .basic .label:last-child {
	margin-left: 10px;
	margin-right: 0
}

html[dir="rtl"] #item-main .basic .label {
	float: right;
	margin-right: 0;
	margin-left: 4px
}

html[dir="rtl"] #item-main .details>.elem {
	margin-left: 4px;
	margin-right: 0
}

html[dir="rtl"] #shortcuts a {
	margin-left: 16px;
	margin-right: 0
}

html[dir="rtl"] #shortcuts .item-share a {
	margin-left: 0;
	margin-right: 8px
}

html[dir="rtl"] #shortcuts .item-share {
	margin-left: 0;
	margin-right: auto
}

html[dir="rtl"] .navlinks a {
	margin-left: 0;
	margin-right: 1px;
	display: inline-block
}

html[dir="rtl"] .navlinks a i {
	transform: scaleX(-1)
}

html[dir="rtl"] #item-main .details2>.elem>div>div+a {
	float: right
}

html[dir="rtl"] #item-sticky-box .btn-regular:not(:first-child) {
	border-left: none;
	border-right: 1px solid #e8e8e8
}

html[dir="rtl"] #comments .data .remove {
	left: 10px;
	right: auto
}

html[dir="rtl"] #comments .rating>span {
	margin-left: 0;
	margin-right: 5px
}

html[dir="rtl"] #comments .author {
	padding-right: 38px;
	padding-left: 0
}

html[dir="rtl"] #comments .author .img {
	right: 0;
	left: auto;
	margin-left: 5px;
	margin-right: 0
}

html[dir="rtl"] #comments .data .remove i {
	margin-left: 2px;
	margin-right: 0
}

html[dir="rtl"] #comment-replies,
html[dir="rtl"] #comment-replies+.comment-reply-row {
	padding-left: 0;
	padding-right: 24px
}

html[dir="rtl"] #item-hook table tr,
html[dir="rtl"] .custom-fields .field,
html[dir="rtl"] .job-detail>div,
html[dir="rtl"] #item-hook .realestate-details .list-other-attributes li {
	margin-left: 8px;
	margin-right: 0;
	padding-left: 0;
	padding-right: 34px
}

html[dir="rtl"] #item-hook table tr:after,
html[dir="rtl"] .custom-fields .field:after,
html[dir="rtl"] .job-detail>div:after,
html[dir="rtl"] #item-hook .realestate-details .list-other-attributes li:after {
	right: 0;
	left: auto
}

html[dir="rtl"] .simple-prod .top-wrap .user-image .online {
	left: 2px;
	right: auto
}

html[dir="rtl"] section.promo .btn {
	margin-left: 0;
	margin-right: 20px
}

html[dir="rtl"] footer section.two span {
	margin-left: 0;
	margin-right: auto
}

html[dir="rtl"] body #fi_user_new_list .fi_check.first,
html[dir="rtl"] body #fi_user_new_list .fi_check {
	float: right
}

html[dir="rtl"] .bpr-prof textarea {
	float: right
}

html[dir="rtl"] body .im-threads .im-table-row.im-unread {
	border-left: none;
	border-right: 3px solid #4182c3;
	padding-left: 0;
	padding-right: 10px
}

html[dir="rtl"] body .im-threads .im-title.im-recipient a {
	float: none
}

html[dir="rtl"] body .im-block .im-table-row .im-col-22 {
	padding-right: 8px
}

html[dir="rtl"] #search-cat .cat-list a .count {
	left: -3px;
	right: auto
}

html[dir="rtl"] .products.list .simple-prod .info .dat {
	margin-left: 0;
	margin-right: auto
}

html[dir="rtl"] header .container.alt>.img {
	margin-left: 6px;
	margin-right: 0
}

html[dir="rtl"] #item-sticky-box .btn {
	margin-left: 0;
	margin-right: 24px
}

html[dir="rtl"] #item-image .swiper-button.swiper-next {
	left: 10px;
	right: auto
}

html[dir="rtl"] #item-image .swiper-button.swiper-prev {
	right: 10px;
	left: auto
}

html[dir="rtl"] #item-image .swiper-button.swiper-next .icon,
html[dir="rtl"] #item-image .swiper-button.swiper-prev .icon {
	transform: scaleX(-1)
}

html[dir="rtl"] #item-sticky-box .btn-regular.btn-chat:after {
	right: calc(50% + 5px);
	left: auto
}

html[dir="rtl"] .simple-prod.st-sold .simple-wrap:before {
	right: 5px;
	left: auto
}

html[dir="rtl"] #user-dashboard.body-ua .img-container {
	right: 3px;
	left: auto
}

html[dir="rtl"] #main-search h1 {
	text-shadow: none
}

html[dir="rtl"] #showcase-box .container>a {
	margin-left: 6px;
	margin-right: 0
}

html[dir="rtl"] #showcase-box .switch-color .lab {
	margin-left: 8px;
	margin-right: 10px;
	text-align: left
}

html[dir="rtl"] #showcase-box .switch-color {
	margin-left: 12px;
	margin-right: 0
}

html[dir="rtl"] #search-premium-items .simple-prod:has(+.simple-prod.placeholder) {
	margin-left: 12px;
	margin-right: 0
}

html[dir="rtl"] .simple-prod.placeholder,
html[dir="rtl"] #search-premium-items .simple-prod.placeholder {
	margin: 0 auto 0 0
}

html[dir="rtl"] #header-search .simple-radius .text:before {
	right: 0;
	left: auto
}

html[dir="rtl"] .lg-outer {
	text-align: right
}

@media screen and (max-width:767px) {
	html[dir="rtl"] header .csearch-init {
		margin-left: 8px;
		margin-right: 0
	}

	html[dir="rtl"] header .csearch-init input[type="text"],
	html[dir="rtl"] header .csearch input.pattern {
		padding-left: 12px;
		padding-right: 42px
	}

	html[dir="rtl"] header .csearch-init svg.icon,
	html[dir="rtl"] header .csearch svg.icon {
		right: 12px;
		left: auto
	}

	html[dir="rtl"] header .container.alt a.back,
	html[dir="rtl"] header .container.alt a.action {
		margin-right: 0;
		margin-left: 8px
	}

	html[dir="rtl"] header a.back svg {
		transform: scaleX(-1)
	}

	html[dir="rtl"] header a.back {
		margin-left: 40px;
		margin-right: 0
	}

	html[dir="rtl"] header .menu-links {
		margin-right: auto;
		margin-left: 0
	}

	html[dir="rtl"] .item-publish .category select {
		margin-left: 0;
		margin-right: 0
	}

	html[dir="rtl"] .items-box .item .image {
		margin-left: 12px
	}

	html[dir="rtl"] .items-box .item .body {
		width: calc(100% - 150px)
	}

	html[dir="rtl"] #public #meet-seller .wrap {
		padding: 0
	}

	html[dir="rtl"] #public #meet-seller .img-wrap {
		padding-left: 8px;
		padding-right: 90px
	}

	html[dir="rtl"] #public #meet-seller .wrap img.uimg {
		right: 0;
		left: auto
	}

	html[dir="rtl"] #meet-seller .wrap .info1 {
		padding-left: 0;
		width: 100%
	}

	html[dir="rtl"] #meet-seller .wrap .info2 {
		width: 100%
	}

	html[dir="rtl"] #meet-seller .wrap .info2 a.btn {
		margin-right: 0;
		margin-left: 6px
	}

	html[dir="rtl"] #item-main .details2 .item-mob-desc a.desc-show-more {
		padding-left: 8px;
		padding-right: 2px;
		right: 0;
		left: auto
	}

	html[dir="rtl"] #meet-seller .wrap {
		padding-right: 88px
	}

	html[dir="rtl"] #item-hook .car-details,
	html[dir="rtl"] .custom-fields,
	html[dir="rtl"] .job-detail,
	html[dir="rtl"] #item-hook .realestate-details {
		padding-left: 0;
		padding-right: 34px
	}

	html[dir="rtl"] #item-hook .car-details:after,
	html[dir="rtl"] .custom-fields:after,
	html[dir="rtl"] #item-hook .job-detail:after,
	html[dir="rtl"] #item-hook .realestate-details:after {
		right: 0;
		left: auto
	}

	html[dir="rtl"] #item-hook table tr,
	html[dir="rtl"] .custom-fields .field,
	html[dir="rtl"] .job-detail>div,
	html[dir="rtl"] #item-hook .realestate-details .list-other-attributes li {
		margin-left: 6px;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0
	}

	html[dir="rtl"] .products.grid.with-border .simple-prod,
	html[dir="rtl"] .products.grid.with-border-mobile .simple-prod {
		border-left: 1px solid #e4e4e4;
		border-right: none
	}

	html[dir="rtl"] .products.grid.with-border .simple-prod:nth-child(even),
	html[dir="rtl"] .products.grid.with-border-mobile .simple-prod:nth-child(even) {
		border-left: none
	}

	html[dir="rtl"] #search-alert.pos-mid .open-alert-box i.fa-bell {
		margin: 0
	}

	html[dir="rtl"] #item-hook table tr,
	html[dir="rtl"] .custom-fields .field,
	html[dir="rtl"] .job-detail>div,
	html[dir="rtl"] #item-hook .realestate-details .list-other-attributes li {
		margin-left: 6px;
		margin-right: 0
	}
}

@media screen and (max-width:540px) {
	html[dir="rtl"] .items-box .item .top {
		padding: 0
	}

	html[dir="rtl"] .alerts-box .head-row .btn {
		margin-left: 0;
		margin-right: 0
	}

	html[dir="rtl"] .profile-box .right-block {
		padding-right: 0;
		border-right: none
	}
}

@media screen and (max-width:490px) {
	html[dir="rtl"] #item-sticky-box .btn {
		margin-left: 0;
		margin-right: 16px
	}
}

html[mode="dark"] {
	--mb-color0: #f6f6f6;
	--mb-color1: #e6e6e6;
	--mb-color2: #d6d6d6;
	--mb-color3: #c6c6c6;
	--mb-color4: #b6b6b6;
	--mb-color5: #a6a6a6;
	--mb-color6: #969696;
	--mb-color7: #868686;
	--mb-color8: #767676;
	--mb-color9: #666666;
	--mb-color10: #565656;
	--mb-color11: #464646;
	--mb-color12: #363636;
	--mb-color13: #262626;
	--mb-color14: #161616;
	--mb-color15: #060606
}

html[mode="dark"] header {
	background-color: #1a1d1e;
	box-shadow: 0 1px 0 0 #393939
}

html[mode="dark"] footer {
	background-color: #26262b;
	color: #c6c1bb
}

html[mode="dark"] body#item .data-box.sold:after,
html[mode="dark"] .simple-prod.st-sold .simple-wrap:after {
	background: rgb(18 20 21 / 50%)
}

html[mode="dark"] .item-publish .box section .in.var2 {
	border-color: var(--mb-color10)
}

html[mode="dark"] body.item-publish .simple-select .text {
	background: var(--mb-color12);
	color: var(--mb-color2);
	border: 1px solid #fff0;
	border-bottom-color: var(--mb-color9);
	border-radius: 0
}

html[mode="dark"] section.promo {
	background-color: #191d27;
	color: var(--mb-color2)
}

html[mode="dark"] footer p.logo img {
	opacity: .9
}

html[mode="dark"] .empty {
	background: var(--mb-color12)
}

html[mode="dark"] #flashbox .flashmessage,
html[mode="dark"] #error_list li,
html[mode="dark"] .upload-photos .flashmessage,
html[mode="dark"] .problem,
html[mode="dark"] .flashmessage {
	border-left: none;
	border-right: 6px solid #fff0
}

html[mode="dark"] body,
html[mode="dark"] body#home>.content,
html[mode="dark"] body#home>.content>section,
html[mode="dark"] body#home>.content>section#home-search-box {
	background-color: #121415
}

html[mode="dark"] a {
	color: var(--mb-color1)
}

html[mode="dark"] .btn,
html[mode="dark"] .btn-primary {
	color: var(--mb-color0)
}

html[mode="dark"] header .links1 a:hover,
html[mode="dark"] header .links a.simple:hover,
html[mode="dark"] header .links a.mini-btn:hover,
html[mode="dark"] header .my-account-wrap:hover a.account {
	background-color: #000;
	color: var(--mb-color2)
}

html[mode="dark"] header .my-account-menu {
	background: var(--mb-color13);
	border-color: var(--mb-color9)
}

html[mode="dark"] header .links a.mini-btn i,
html[mode="dark"] header .links a.mini-btn svg {
	color: var(--mb-color3);
	fill: var(--mb-color3)
}

html[mode="dark"] .home-action .actions a {
	box-shadow: 0 0 0 1px var(--mb-color10), 0 2px 4px rgb(0 0 0 / .3)
}

html[mode="dark"] .home-action .actions a:hover {
	border-color: var(--mb-color10);
	background: #fff0
}

html[mode="dark"] .simple-prod:hover .simple-wrap {
	box-shadow: 0 0 2px 2px var(--mb-color13)
}

html[mode="dark"] body#home>.content>section.home-premium {
	border-bottom-color: var(--mb-color13)
}

html[mode="dark"] #home-cat a:hover,
html[mode="dark"] .blog-box>a:hover {
	background: var(--mb-color13)
}

html[mode="dark"] body#home>.content>section.home-location {
	background: var(--mb-color13)
}

html[mode="dark"] body#home a.home-link-all {
	background: var(--mb-color12);
	border-color: var(--mb-color11)
}

html[mode="dark"] body#home a.home-link-all:hover {
	background: var(--mb-color13)
}

html[mode="dark"] body#home>.content>section.home-favorite,
body#home>.content>section.home-recent {
	border-color: var(--mb-color13)
}

html[mode="dark"] .products.grid.with-border .simple-prod {
	border-color: var(--mb-color13)
}

html[mode="dark"] footer .social a i,
html[mode="dark"] footer .social a svg {
	color: var(--mb-color13)
}

html[mode="dark"] .products.grid.style2 .simple-prod .favorite-block1 em {
	background: var(--mb-color15)
}

html[mode="dark"] #main-search .tabs a.active {
	background: var(--mb-color14)
}

html[mode="dark"] #main-search .tab-data .input-box input[type="text"],
html[mode="dark"] #main-search .tab-data .input-box input[type="number"],
html[mode="dark"] #main-search .tab-data .input-box select,
html[mode="dark"] #main-search .tab-data .input-box.simple-select .text {
	background: var(--mb-color14);
	border-bottom-color: var(--mb-color13)
}

html[mode="dark"] .simple-select .text {
	background: var(--mb-color14);
	border-bottom-color: var(--mb-color13)
}

html[mode="dark"] #main-search .tab-data .input-box input[type="text"],
html[mode="dark"] #main-search .tab-data .input-box input[type="number"],
html[mode="dark"] #main-search .tab-data .input-box select,
html[mode="dark"] #main-search .tab-data .input-box.simple-select .text {
	background: var(--mb-color14);
	border-bottom-color: #fff0
}

html[mode="dark"] input,
html[mode="dark"] input[type="text"],
html[mode="dark"] input[type="number"],
html[mode="dark"] select,
html[mode="dark"] textarea {
	background: var(--mb-color12);
	color: var(--mb-color2);
	border: 1px solid #fff0;
	border-bottom-color: var(--mb-color9);
	border-radius: 0
}

html[mode="dark"] #main-search .tab-data {
	background: var(--mb-color14)
}

html[mode="dark"] #main-search .tab-data .input-box {
	border-color: var(--mb-color13)
}

html[mode="dark"] #main-search .tab-data .input-box.simple-select:not(.opened):hover .text {
	background: var(--mb-color15)
}

html[mode="dark"] #main-search .tab-data .input-box.location+.simple-radius .text:before {
	background: var(--mb-color13)
}

html[mode="dark"] #flashbox .flashmessage .btn.ico-close:after,
html[mode="dark"] .upload-photos .flashmessage .close:after {
	color: var(--mb-color4)
}

html[mode="dark"] .picker.location .results,
html[mode="dark"] .picker.pattern .results,
html[mode="dark"] .picker.category .results,
html[mode="dark"] .simple-select .list {
	background: var(--mb-color13);
	border-color: var(--mb-color13)
}

html[mode="dark"] .simple-select .option:not(.info):not(.nonclickable):hover {
	background: var(--mb-color12);
	color: var(--mb-color1)
}

html[mode="dark"] .simple-select .option:before,
html[mode="dark"] .simple-list .link-check-box>a:before {
	border-color: var(--mb-color13);
	background: var(--mb-color13)
}

html[mode="dark"] .simple-select .option.selected:before,
html[mode="dark"] .simple-list .link-check-box>a.active:before {
	background: var(--mb-color-secondary)
}

html[mode="dark"] .picker.v2 .results a:after {
	color: var(--mb-color2, #2c2c2c)
}

html[mode="dark"] #side-menu .box.location .lead,
html[mode="dark"] #def-location .lead,
html[mode="dark"] .results .lead {
	color: var(--mb-color4)
}

html[mode="dark"] .picker.v2 .results .row.minlength {
	border-bottom-color: var(--mb-color11)
}

html[mode="dark"] .pre-account:not(.has-footer) .content,
html[mode="dark"] .item-publish .content {
	background: #1e2123;
	background: radial-gradient(circle, #2e3235 15%, #1e2123 85%)
}

html[mode="dark"] .pre-account .box {
	background-color: var(--mb-color14)
}

html[mode="dark"] input:focus,
html[mode="dark"] select:focus,
html[mode="dark"] textarea:focus,
html[mode="dark"] input:active,
html[mode="dark"] select:active,
html[mode="dark"] textarea:active {
	outline: 2px solid var(--mb-color0)
}

html[mode="dark"] #zetModal,
html[mode="dark"] #item-forms {
	background-color: var(--mb-color13)
}

html[mode="dark"] #zetModal .head,
html[mode="dark"] #item-forms .head {
	background-color: var(--mb-color13);
	box-shadow: 0 1px 0 0 var(--mb-color11)
}

html[mode="dark"] #item-forms .content form .row.buttons {
	background-color: var(--mb-color14)
}

html[mode="dark"] #zetModal .modal-body.modal-is-iframe .modal-content:after {
	background: var(--mb-color12)
}

html[mode="dark"] #header-search {
	background: var(--mb-color14);
	box-shadow: 0 1px 0 0 var(--mb-color12)
}

html[mode="dark"] #header-search input[type="text"],
html[mode="dark"] #header-search .simple-select .text {
	background: var(--mb-color12)
}

html[mode="dark"] #header-search input[type="text"]:focus,
html[mode="dark"] #header-search input[type="text"]:active,
html[mode="dark"] #header-search .simple-select .text:active,
html[mode="dark"] #header-search .simple-select .text:focus,
html[mode="dark"] #header-search .simple-select.opened .text {
	box-shadow: 0 0 0 2px var(--mb-color1);
	outline: none
}

html[mode="dark"] #header-search .simple-radius .text:before {
	background: var(--mb-color13)
}

html[mode="dark"] #header-search .pattern {
	border-color: var(--mb-color14)
}

html[mode="dark"] #header-search .btns {
	background: var(--mb-color12)
}

html[mode="dark"] #search-alert .open-alert-box:hover {
	background: var(--mb-color13)
}

html[mode="dark"] #search-cat .cat-list a {
	background: var(--mb-color12);
	border-color: var(--mb-color7)
}

html[mode="dark"] #search-cat .cat-list a:hover {
	background: var(--mb-color11)
}

html[mode="dark"] #filter-line .filter-list>a,
html[mode="dark"] #filter-line .simple-select .text,
html[mode="dark"] #filter-line .filter-list>select,
html[mode="dark"] #search-quick-bar .simple-sort .text {
	background: var(--mb-color12);
	border-color: var(--mb-color8)
}

html[mode="dark"] #filter-line .simple-select .option.info {
	border-bottom-color: var(--mb-color10)
}

html[mode="dark"] #filter-line .filter-list>a:hover,
html[mode="dark"] #filter-line .simple-select .text:hover,
html[mode="dark"] #filter-line .simple-select:hover .text,
html[mode="dark"] #filter-line .filter-list>select:hover,
html[mode="dark"] #filter-line .simple-select.opened .text,
html[mode="dark"] #search-quick-bar .simple-sort:hover .text,
html[mode="dark"] #search-quick-bar .simple-sort.opened .text {
	border-color: var(--mb-color1)
}

html[mode="dark"] #filters-remove a.remove-all,
html[mode="dark"] #filters-remove a {
	background: var(--mb-color12)
}

html[mode="dark"] #search-premium-items,
html[mode="dark"] #search-quick-bar {
	border-top-color: var(--mb-color12)
}

html[mode="dark"] #search-items .products.list .simple-prod:first-child {
	border-top-color: var(--mb-color13)
}

html[mode="dark"] .products.list .simple-prod {
	border-bottom-color: var(--mb-color13)
}

html[mode="dark"] #search-premium-items .products {
	background: var(--mb-color12)
}

html[mode="dark"] #search-premium-items .simple-prod {
	box-shadow: 1px 0 0 0 var(--mb-color10)
}

html[mode="dark"] #search-quick-bar .view-type a svg {
	color: var(--mb-color12)
}

html[mode="dark"] #search-quick-bar .view-type a.active svg {
	color: var(--mb-color2)
}

html[mode="dark"] .btn-white {
	background: var(--mb-color13);
	border-color: var(--mb-color8);
	color: var(--mb-color0)
}

html[mode="dark"] .paginate ul li a,
html[mode="dark"] .paginate ul li span {
	background: var(--mb-color13)
}

html[mode="dark"] .paginate ul li a.searchPaginationSelected,
html[mode="dark"] .paginate ul li span.searchPaginationSelected,
html[mode="dark"] .paginate ul li a:hover,
html[mode="dark"] .paginate ul li span:hover {
	background: var(--mb-color-primary)
}

html[mode="dark"] #latest-search a {
	background: var(--mb-color13)
}

html[mode="dark"] #latest-search a:hover {
	background: var(--mb-color12)
}

html[mode="dark"] #zetModal .modal-close-alt svg {
	color: var(--mb-color1)
}

html[mode="dark"] #item-image .mlink,
html[mode="dark"] #item-image .mlinkw>a {
	background: var(--mb-color13)
}

html[mode="dark"] #item-image .mlink:hover,
html[mode="dark"] #item-image .mlinkw>a:hover {
	background: var(--mb-color12)
}

html[mode="dark"] #item-main .details>.elem {
	background: var(--mb-color13)
}

html[mode="dark"] #item-side>.box {
	background: var(--mb-color13)
}

html[mode="dark"] #item-side .line-contact {
	border-color: var(--mb-color10)
}

html[mode="dark"] #meet-seller h2>span,
html[mode="dark"] #public h1>span {
	background: #121415;
	box-shadow: 0 2px 4px #121415
}

html[mode="dark"] #meet-seller h2>.ln,
html[mode="dark"] #public h1>.ln {
	background: var(--mb-color10)
}

html[mode="dark"] #item-main .description,
html[mode="dark"] #meet-seller,
html[mode="dark"] #shortcuts {
	border-color: var(--mb-color12)
}

html[mode="dark"] #comments .empty-comments {
	color: var(--mb-color5)
}

html[mode="dark"] .navlinks a {
	background: var(--mb-color13);
	border-color: var(--mb-color8)
}

html[mode="dark"] .navlinks a:hover {
	background: var(--mb-color12);
	border-color: var(--mb-color8)
}

html[mode="dark"] .item-publish .box section:not(.buttons-block) {
	background: var(--mb-color14)
}

html[mode="dark"] .item-publish select#currency {
	border-right-color: var(--mb-color13)
}

html[mode="dark"] input[type="text"]:read-only,
html[mode="dark"] input[type="email"]:read-only,
html[mode="dark"] input[type="tel"]:read-only,
html[mode="dark"] input[type="number"]:read-only,
html[mode="dark"] input[type="url"]:read-only,
html[mode="dark"] textarea:read-only {
	background: var(--mb-color12)
}

html[mode="dark"] body form#im-create-thread-form {
	background: var(--mb-color14);
	border-color: var(--mb-color8)
}

html[mode="dark"] body .im-item-related .im-item-resource+div.im-col-21 {
	background: var(--mb-color12)
}

html[mode="dark"] body .im-item-related .im-line a {
	color: var(--mb-color2)
}

html[mode="dark"] body .im-item-related .im-item-price {
	color: var(--mb-color0)
}

html[mode="dark"] body .im-file-create-thread h2.im-head,
html[mode="dark"] .im-label,
html[mode="dark"] .im-input {
	color: var(--mb-color1)
}

html[mode="dark"] .upload-photos .qq-upload-list li.qq-upload-success {
	background: var(--mb-color12)
}

html[mode="dark"] .upload-photos .qq-upload-list li {
	border-color: var(--mb-color10)
}

html[mode="dark"] .uppy-Dashboard-inner {
	background: var(--mb-color12)
}

html[mode="dark"] .uppy-DashboardContent-bar {
	background: var(--mb-color12);
	border-color: var(--mb-color10)
}

html[mode="dark"] .uppy-StatusBar.is-waiting .uppy-StatusBar-actions,
html[mode="dark"] .uppy-StatusBar:not([aria-hidden=true]).is-waiting {
	background: var(--mb-color12);
	border-color: var(--mb-color10)
}

html[mode="dark"] .uppy-DashboardTab-btn {
	color: var(--mb-color2)
}

html[mode="dark"] .uppy-Dashboard-AddFiles-title {
	color: var(--mb-color2)
}

html[mode="dark"] .uppy-Dashboard-note {
	color: var(--mb-color5)
}

html[mode="dark"] [data-uppy-drag-drop-supported=true] .uppy-Dashboard-AddFiles {
	border-color: var(--mb-color7)
}

html[mode="dark"] .uppy-DashboardTab-btn:hover,
html[mode="dark"] .uppy-DashboardTab-btn:active,
html[mode="dark"] .uppy-DashboardTab-btn:focus {
	border-color: var(--mb-color7);
	background-color: var(--mb-color10);
	color: var(--mb-color0)
}

html[mode="dark"] #user-dashboard .card {
	background: var(--mb-color12);
	box-shadow: 0 0 0 1px var(--mb-color5), 0 5px 12px rgb(0 0 0 / .2)
}

html[mode="dark"] #user-dashboard .card:hover {
	border-color: var(--mb-color5)
}

html[mode="dark"] #user-menu a:not(.logout):not(.active):hover {
	border-color: var(--mb-color7);
	background: var(--mb-color12)
}

html[mode="dark"] .items-box .item .buttons a,
html[mode="dark"] .items-box .item .buttons a.delete,
html[mode="dark"] .profile-box .profile-img .btn.remove-profile-picture {
	background: var(--mb-color12);
	box-shadow: none;
	color: var(--mb-color2);
	border-color: var(--mb-color7)
}

html[mode="dark"] .items-box .item .buttons a:hover,
html[mode="dark"] .items-box .item .buttons a.delete:hover,
html[mode="dark"] .profile-box .profile-img .btn.remove-profile-picture:hover {
	background: var(--mb-color11)
}

html[mode="dark"] .items-box .item .top {
	color: var(--mb-color5)
}

html[mode="dark"] .items-box .item {
	border-color: var(--mb-color11)
}

html[mode="dark"] a.toggle-pass {
	color: var(--mb-color5)
}

html[mode="dark"] header .my-account-menu a i,
html[mode="dark"] header .my-account-menu a svg {
	color: var(--mb-color3);
	fill: var(--mb-color3)
}

html[mode="dark"] .alerts-box .alert {
	border-color: var(--mb-color8);
	background: var(--mb-color13);
	box-shadow: none
}

html[mode="dark"] .alerts-box .alert .details {
	background: var(--mb-color12)
}

html[mode="dark"] ul.tabbernav {
	border-bottom-color: var(--mb-color11)
}

html[mode="dark"] .profile-box.alt,
html[mode="dark"] .profile-box .right-block,
html[mode="dark"] .profile-box .profile-img {
	border-color: var(--mb-color11)
}

html[mode="dark"] .bpr-prof .bpr-inside {
	background: var(--mb-color12)
}

html[mode="dark"] .bpr-prof .bpr-row-wrap {
	background: var(--mb-color13)
}

html[mode="dark"] .bpr-prof .bpr-row-inf,
html[mode="dark"] .mo-nav {
	border-color: var(--mb-color12)
}

html[mode="dark"] .bpr-prof input[type="text"],
html[mode="dark"] .bpr-prof input[type="url"],
html[mode="dark"] .bpr-prof textarea,
html[mode="dark"] body #fi_user_new_list {
	background: var(--mb-color11);
	border-bottom-color: var(--mb-color8);
	color: var(--mb-color1)
}

html[mode="dark"] .blg-search input#blgSearch,
html[mode="dark"] #faq-search-block input[name="pattern"] {
	background: var(--mb-color11);
	border-bottom-color: var(--mb-color8);
	color: var(--mb-color1)
}

html[mode="dark"] .bpr-top-search #bpr-word {
	background: var(--mb-color11);
	border: 1px solid #fff0;
	border-radius: 0;
	border-bottom-color: var(--mb-color8)
}

html[mode="dark"] .bpr-prof .bpr-utitle,
html[mode="dark"] .bpr-prof .bpr-usubtitle {
	color: var(--mb-color2)
}

html[mode="dark"] .bpr-prof .bpr-btn {
	background: var(--mb-color14)
}

html[mode="dark"] .blog-box>a .desc {
	color: var(--mb-color7)
}

html[mode="dark"] .blg-text .blg-title,
html[mode="dark"] .blg-title {
	color: var(--mb-color1)
}

html[mode="dark"] .blg-categories a.blg-cat-title {
	color: var(--mb-color1)
}

html[mode="dark"] .blg-content .blg-details {
	color: var(--mb-color7)
}

html[mode="dark"] .blg-content {
	color: var(--mb-color4)
}

html[mode="dark"] .blg-text .blg-desc {
	color: var(--mb-color5)
}

html[mode="dark"] .blg-content h1,
html[mode="dark"] .blg-search-result h1 {
	color: var(--mb-color1)
}

html[mode="dark"] body #fi_user_lists .fi_list.fi_head {
	background: var(--mb-color12)
}

html[mode="dark"] .bpr-empty,
html[mode="dark"] .frm-empty.frm-empty-category {
	background: var(--mb-color12);
	color: var(--mb-color2)
}

html[mode="dark"] .frm-profile .frm-user-data .frm-inside {
	background: var(--mb-color13);
	color: var(--mb-color2)
}

html[mode="dark"] #fi_user_new_list .fi_title,
html[mode="dark"] #frm-body h2,
html[mode="dark"] .blg-side-header {
	color: var(--mb-color2)
}

html[mode="dark"] body #fi_user_lists .fi_list:not(.fi_head) {
	background: var(--mb-color13);
	border-color: var(--mb-color11)
}

html[mode="dark"] body .fi_current a,
html[mode="dark"] body .fi_notification a,
html[mode="dark"] body .fi_user_list_remove a,
html[mode="dark"] body #fi_user_lists .fi_user_list_remove a {
	background: var(--mb-color10);
	color: var(--mb-color1)
}

html[mode="dark"] body #fi_list_items.fi_user_menu .fi_right {
	background: var(--mb-color12)
}

html[mode="dark"] body #fi_list_items .fi_right .fi_top,
html[mode="dark"] body #fi_list_items .fi_right .fi_bottom {
	color: var(--mb-color1)
}

html[mode="dark"] body #fi_list_items.fi_user_menu .fi_right a,
html[mode="dark"] #fi_user_lists .fi_name a {
	color: var(--mb-color3)
}

html[mode="dark"] #fi_user_new_list .fi_new_name {
	background: var(--mb-color12);
	border: 1px solid #fff0;
	border-radius: 0;
	border-bottom-color: var(--mb-color9)
}

html[mode="dark"] #ur-box-show .mb-total-zero {
	background: var(--mb-color13);
	color: var(--mb-color5)
}

html[mode="dark"] .im-limits-info,
html[mode="dark"] .im-empty-v2,
html[mode="dark"] body .im-block .im-table-head+.im-table-row {
	background: var(--mb-color13);
	color: var(--mb-color3);
	border-color: var(--mb-color9)
}

html[mode="dark"] #meet-seller a.phone {
	background: var(--mb-color11);
	color: var(--mb-color2)
}

html[mode="dark"] #side-menu .section.lead {
	background: var(--mb-color13)
}

html[mode="dark"] #side-menu,
html[mode="dark"] #side-menu .box,
html[mode="dark"] .ssfrm .row.lc.opened,
html[mode="dark"] .cat-box .cat-one,
html[mode="dark"] .cat-box .cat-foot,
html[mode="dark"] .ssfrm .row.buttons {
	background: var(--mb-color13)
}

html[mode="dark"] #side-menu .section a svg,
html[mode="dark"] #def-location a.svg,
html[mode="dark"] #side-menu .menu-hooks a>i {
	background: var(--mb-color13)
}

html[mode="dark"] #side-menu .section.delim-top,
html[mode="dark"] #side-menu .box.location .row,
html[mode="dark"] #def-location .row {
	border-color: var(--mb-color11)
}

html[mode="dark"] #side-menu .navigator a.locate-me svg,
html[mode="dark"] #def-location .navigator a.locate-me svg,
html[mode="dark"] .navigator a.locate-me svg {
	background: #fff0
}

html[mode="dark"] header .csearch-init input[type="text"],
html[mode="dark"] header .csearch input.pattern {
	background: var(--mb-color12);
	border-radius: 4px;
	border: 1px solid #fff0
}

html[mode="dark"] header .container.alt {
	background: var(--mb-color14)
}

html[mode="dark"] #navi-bar {
	background: var(--mb-color13);
	box-shadow: 0 -1px 0 0 var(--mb-color7)
}

html[mode="dark"] #navi-bar a.btn-regular,
html[mode="dark"] #item-sticky-box .btn-regular span {
	color: var(--mb-color3)
}

html[mode="dark"] #navi-bar a.btn-regular,
html[mode="dark"] #navi-bar a.btn-regular>svg,
html[mode="dark"] #item-sticky-box .btn-regular svg {
	color: var(--mb-color4);
	fill: var(--mb-color4)
}

html[mode="dark"] #item-sticky-box {
	background: var(--mb-color13);
	border-color: var(--mb-color7)
}

html[mode="dark"] #zetModal .modal-close,
html[mode="dark"] #zetModal .head .subbox-close {
	background: #fff0
}

html[mode="dark"] #search-items .list-empty {
	background: var(--mb-color13)
}

html[mode="dark"] footer section.two {
	border-color: var(--mb-color11);
	color: var(--mb-color5)
}

html[mode="dark"] #recent-ads.onsearch {
	border-color: var(--mb-color12)
}

html[mode="dark"] #filter-line .del span,
html[mode="dark"] #search-cat .cat-list>.del>span {
	background: var(--mb-color12)
}

html[mode="dark"] #search-main:after {
	background: rgb(18 20 21 / 60%)
}

html[mode="dark"] #filter-line .simple-select.active .text,
html[mode="dark"] #filter-line .filter-list>select:not(.sCompany):has(>option:checked:not([value=""]):not([value="0"])),
html[mode="dark"] #filter-line .filter-list>select.sCompany:has(>option:checked:not([value=""])) {
	color: var(--mb-color2)
}

html[mode="dark"] .qr-code {
	background: var(--mb-color10);
	border-color: var(--mb-color6)
}

html[mode="dark"] .qr-code>strong {
	background: var(--mb-color10);
	border-color: var(--mb-color6);
	border-top: var(--mb-color10);
	color: var(--mb-color-1)
}

html[mode="dark"] header .container.alt .data>div {
	color: var(--mb-color4)
}

html[mode="dark"] header .container.alt .data>strong .title,
html[mode="dark"] footer h4 {
	color: var(--mb-color1)
}

html[mode="dark"] #comments .comment {
	background: var(--mb-color12)
}

html[mode="dark"] #comments .data .remove {
	background: var(--mb-color11);
	border-color: var(--mb-color8)
}

html[mode="dark"] #comments .author .date {
	color: var(--mb-color5)
}

html[mode="dark"] .ssfrm .price .delim {
	background: var(--mb-color10)
}

html[mode="dark"] .cat-box .cat-one a:hover {
	background: var(--mb-color11)
}

html[mode="dark"] #search-premium-items .simple-prod:hover {
	background: var(--mb-color11)
}

html[mode="dark"] #zetModal .subhead {
	border-color: var(--mb-color11)
}

html[mode="dark"] #navi-bar a.btn-regular i.mark {
	text-shadow: none
}

html[mode="dark"] #side-menu .navigator span,
html[mode="dark"] #def-location .navigator span,
html[mode="dark"] .navigator span {
	color: var(--mb-color4)
}

html[mode="dark"] .pre-account h2 {
	color: var(--mb-color5)
}

html[mode="dark"] body #im-create-thread-form #im-message,
html[mode="dark"] body #im-create-thread-form .im-input,
html[mode="dark"] body #im-message,
html[mode="dark"] body .im-input,
html[mode="dark"] .bpr-filters .bpr-select select,
html[mode="dark"] #sellerContact input,
html[mode="dark"] #sellerContact textarea,
html[mode="dark"] .frm-profile .frm-user-data .frm-input-box textarea,
html[mode="dark"] .blg-new-comment .blg-row input,
html[mode="dark"] .blg-new-comment .blg-row textarea {
	border: 1px solid #fff0;
	border-bottom-color: var(--mb-color9);
	border-radius: 0;
	color: var(--mb-color2);
	background: var(--mb-color12)
}

html[mode="dark"] .show-rating.show-stars>span {
	color: var(--mb-color5)
}

html[mode="dark"] .input-box-check label:before {
	border-color: var(--mb-color9)
}

html[mode="dark"] .picker.location.loading .results:after,
html[mode="dark"] .picker.pattern.loading .results:after,
html[mode="dark"] .picker.category.loading .results:after {
	background: rgb(38 38 38 / 55%)
}

html[mode="dark"] body .im-alt-head .im-head2 {
	color: var(--mb-color2)
}

html[mode="dark"] body .im-block .im-table-head {
	color: var(--mb-color5)
}

html[mode="dark"] #item-hook table tr,
html[mode="dark"] .custom-fields .field,
html[mode="dark"] .job-detail>div,
html[mode="dark"] #item-hook .realestate-details .list-other-attributes li {
	border-color: var(--mb-color12)
}

html[mode="dark"] #item-sticky-box .btn-regular:not(:first-child) {
	border-color: var(--mb-color11)
}

html[mode="dark"] body form#im-create-thread-form {
	border-color: var(--mb-color9);
	box-shadow: none
}

html[mode="dark"][dir="rtl"] #search-premium-items .simple-prod {
	box-shadow: -1px 0 0 0 var(--mb-color10)
}

html[mode="dark"] #latest-search {
	border-color: var(--mb-color12)
}

html[mode="dark"] .blg-new-comment {
	background: var(--mb-color13)
}

html[mode="dark"] .blg-new-comment h3,
html[mode="dark"] .blg-content h3 {
	color: var(--mb-color1)
}

html[mode="dark"] .blg-content h2 {
	color: var(--mb-color3)
}

html[mode="dark"] .blg-empty {
	color: var(--mb-color5)
}

html[mode="dark"] .blg-search button {
	color: var(--mb-color4) !important
}

html[mode="dark"] #flashbox,
html[mode="dark"] .flashmessage,
html[mode="dark"] #error_list li,
html[mode="dark"] .upload-photos .flashmessage,
html[mode="dark"] .problem,
html[mode="dark"] .flashmessage {
	background: #3b404d
}

html[mode="dark"] .bpr-msg-wrap .bpr-msg {
	background: #334e5d;
	color: var(--mb-color2)
}

html[mode="dark"] .bpr-prof .bpr-preview.bpr-gal em {
	color: var(--mb-color5)
}

html[mode="dark"] .bpr-comp,
html[mode="dark"] .bpr-comp .bpr-cover .bpr-elip {
	background: var(--mb-color11)
}

html[mode="dark"] .bpr-comp .bpr-title {
	color: var(--mb-color1)
}

html[mode="dark"] .bpr-comp .bpr-loc {
	color: var(--mb-color4)
}

html[mode="dark"] .bpr-comp .bpr-count {
	background: var(--mb-color12);
	color: var(--mb-color3)
}

html[mode="dark"] .bpr-comp .bpr-user-type {
	color: var(--mb-color0)
}

html[mode="dark"] #bpr-seller .bpr-inside {
	background: var(--mb-color13)
}

html[mode="dark"] .bpr-profile .bpr-right,
html[mode="dark"] .bpr-profile .bpr-left,
html[mode="dark"] .bpr-filters {
	border-color: var(--mb-color11)
}

html[mode="dark"] .simple-prod .top-wrap .user-image .online {
	box-shadow: 0 0 0 1px var(--mb-color14)
}

html[mode="dark"] .bpr-profile .bpr-about {
	color: var(--mb-color5)
}

html[mode="dark"] .bpr-profile .bpr-reg {
	color: var(--mb-color4)
}

html[mode="dark"] #sellerContact .bpr-title {
	color: var(--mb-color1)
}

html[mode="dark"] .bpr-profile h1 {
	color: var(--mb-color1)
}

html[mode="dark"] .bpr-profile .bpr-phone a {
	color: var(--mb-color2)
}

html[mode="dark"] .bpr-profile .bpr-right>div>i {
	color: var(--mb-color13);
	color: var(--mb-color2)
}

html[mode="dark"] .frm-board,
html[mode="dark"] .frm-boards .frm-empty {
	background: var(--mb-color13)
}

html[mode="dark"] #frm-body {
	color: var(--mb-color3)
}

html[mode="dark"] .frm-answer .frm-unlogged-title,
html[mode="dark"] .frm-answer .frm-unlogged-subtitle {
	color: var(--mb-color2)
}

html[mode="dark"] .frm-answer .frm-logged-title,
html[mode="dark"] .frm-answer .frm-logged-subtitle,
html[mode="dark"] .frm-answer .frm-left strong {
	color: var(--mb-color2)
}

html[mode="dark"] .frm-answer.frm-unlogged:not(.frm-locked),
html[mode="dark"] .frm-answer.frm-empty,
html[mode="dark"] .frm-answer.frm-search-empty {
	background: var(--mb-color13)
}

html[mode="dark"] .frm-answer .frm-auth {
	color: var(--mb-color1);
	background: var(--mb-color11)
}

html[mode="dark"] .frm-answer .frm-area .frm-buttons {
	background: var(--mb-color13)
}

html[mode="dark"] .frm-answer .frm-area .frm-text,
html[mode="dark"] .frm-answer .frm-area .frm-toptext {
	border-color: var(--mb-color13)
}

html[mode="dark"] .frm-answer .frm-area .frm-toptext:before,
html[mode="dark"] .frm-answer .frm-area .frm-text:before {
	border-color: #fff0 var(--mb-color13) #fff0 #fff0
}

html[mode="dark"] .frm-text .richText {
	background: var(--mb-color12)
}

html[mode="dark"] .frm-text .richText .richText-editor {
	background: var(--mb-color12);
	color: var(--mb-color2)
}

html[mode="dark"] .frm-text .richText .richText-toolbar,
html[mode="dark"] .richText .richText-toolbar ul li a,
html[mode="dark"] .richText .richText-redo,
html[mode="dark"] .richText .richText-undo {
	border-color: var(--mb-color10);
	color: var(--mb-color2)
}

html[mode="dark"] .richText .richText-toolbar ul li a:hover,
html[mode="dark"] .richText .richText-redo:hover,
html[mode="dark"] .richText .richText-undo:hover {
	background: var(--mb-color11);
	color: var(--mb-color0)
}

html[mode="dark"] .frm-topic-manage a,
html[mode="dark"] .frm-post .frm-tools a {
	background: var(--mb-color12);
	color: var(--mb-color2);
	border-color: var(--mb-color9)
}

html[mode="dark"] .frm-topic-manage a:hover,
html[mode="dark"] .frm-post .frm-tools a:hover {
	background: var(--mb-color11);
	color: var(--mb-color0)
}

html[mode="dark"] .frm-post {
	background: var(--mb-color13);
	border-color: var(--mb-color12)
}

html[mode="dark"] .frm-post .frm-user,
html[mode="dark"] .blg-new-comment .blg-row label {
	color: var(--mb-color2)
}

html[mode="dark"] #frm-body h1,
html[mode="dark"] #frm-body h2 {
	color: var(--mb-color1)
}

html[mode="dark"] .frm-post .frm-message.frm-border {
	border-color: var(--mb-color12)
}

html[mode="dark"] .frm-topic {
	background: var(--mb-color13)
}

html[mode="dark"] .frm-topics {
	background: var(--mb-color13);
	border-color: var(--mb-color12)
}

html[mode="dark"] .frm-topic .frm-stats strong,
html[mode="dark"] .frm-topic .frm-last-user a {
	color: var(--mb-color2)
}

html[mode="dark"] .frm-topic .frm-stats span,
html[mode="dark"] .frm-board .frm-last-user {
	color: var(--mb-color5)
}

html[mode="dark"] .blg-content .blg-details .blg-detail-cat {
	color: rgb(0 0 0 / .5)
}

html[mode="dark"] .blg-content .blg-details .blg-detail-cat {
	background: var(--mb-color11)
}

html[mode="dark"] .blg-search button:hover,
html[mode="dark"] .blg-search button:active,
html[mode="dark"] .blg-search button:focus {
	background: var(--mb-color13)
}

html[mode="dark"] #faq-search-block button[type="submit"] svg,
html[mode="dark"] #faq-search-block div.button svg {
	fill: var(--mb-color2)
}

html[mode="dark"] body #faq-post-block .faq-post-inside .faq-row {
	background: var(--mb-color13);
	border-color: var(--mb-color9);
	color: var(--mb-color2)
}

html[mode="dark"] #faq-post-block .faq-row:not(.faq-expanded):last-child .faq-top {
	border-color: var(--mb-color9);
	color: var(--mb-color2)
}

html[mode="dark"] #faq-post-block .faq-row:not(.faq-expanded) .faq-top:hover {
	background: var(--mb-color12)
}

html[mode="dark"] #faq-post-block .faq-row .faq-top {
	color: var(--mb-color2)
}

html[mode="dark"] #faq-post-block .faq-row .faq-bottom {
	background: var(--mb-color12)
}

html[mode="dark"] #faq-post-block .faq-item-footer {
	border-color: var(--mb-color11);
	color: var(--mb-color4)
}

html[mode="dark"] #faq-post-block .faq-helpful>a svg {
	fill: var(--mb-color5)
}

html[mode="dark"] #faq-post-block .faq-helpful:not(.faq-disabled)>a:not(.faq-voting-disabled):hover svg {
	fill: var(--mb-color3)
}

html[mode="dark"] #faq-post-block .faq-helpful>a {
	color: var(--mb-color4)
}

html[mode="dark"] #faq-post-block .faq-helpful:not(.faq-disabled)>a:not(.faq-voting-disabled):hover {
	color: var(--mb-color1)
}

html[mode="dark"] body .im-attachment .im-att-box .im-wrap {
	background: var(--mb-color12);
	color: var(--mb-color2)
}

html[mode="dark"] h3.im-head {
	color: var(--mb-color5)
}

html[mode="dark"] .im-threads-exist a .im-from-to {
	color: var(--mb-color3)
}

html[mode="dark"] .im-threads-exist a .im-pms,
html[mode="dark"] body .im-threads .im-table-head,
html[mode="dark"] .im-threads .im-item a,
html[mode="dark"] .im-threads .im-time {
	color: var(--mb-color5)
}

html[mode="dark"] .im-threads-exist a .im-title {
	color: var(--mb-color1)
}

html[mode="dark"] .im-threads .im-from-to,
html[mode="dark"] body .im-threads .im-title.im-recipient a {
	color: var(--mb-color1)
}

html[mode="dark"] body .im-threads-exist a {
	background: var(--mb-color13);
	color: var(--mb-color2)
}

html[mode="dark"] .im-messages .im-table-row.im-from,
html[mode="dark"] body .im-messages .im-table-row {
	background: var(--mb-color12) !important
}

html[mode="dark"] .im-table-row {
	background: var(--mb-color13)
}

html[mode="dark"] body .im-threads .im-table-row {
	background: var(--mb-color13);
	border-color: var(--mb-color11)
}

html[mode="dark"] body .im-threads .im-table-row.im-unread {
	background: var(--mb-color13)
}

html[mode="dark"] body .im-threads .im-table-head+.im-table-row {
	border-color: var(--mb-color11)
}

html[mode="dark"] .item-publish .or:before,
html[mode="dark"] .item-publish .or:after {
	border-color: var(--mb-color12)
}

html[mode="dark"] .item-publish .or {
	color: var(--mb-color6)
}

html[mode="dark"] #search-quick-bar .view-type a:hover {
	background: var(--mb-color12)
}

html[mode="dark"] .cap-search .cap-section-top.cap-menu-advanced {
	background: var(--mb-color13)
}

html[mode="dark"] .cap-search:not(.cap-publish) .cap-section-body {
	background: var(--mb-color13)
}

html[mode="dark"] .cap-search .cap-section-top a,
html[mode="dark"] .cap-search .cap-section-top a.cap-active {
	background: var(--mb-color12);
	border-color: var(--mb-color10) !important
}

html[mode="dark"] .cap-search .cap-section-top a:hover {
	background: var(--mb-color13)
}

html[mode="dark"] .cap-search .cap-section-top a {
	color: var(--mb-color2)
}

html[mode="dark"] .cap-search .cap-section-top a:not(.cap-active) svg,
html[mode="dark"] .cap-search .cap-section-top a:not(.cap-active) i {
	fill: var(--mb-color6) !important
}

html[mode="dark"] .cap-search .cap-section-body .cap-head {
	color: var(--mb-color0)
}

html[mode="dark"] .cap-input-box label.cap-label,
html[mode="dark"] .cap-input-box .cap-line {
	color: var(--mb-color3)
}

html[mode="dark"] .cap-search .cap-section-action a.cap-more {
	background: var(--mb-color12);
	border-color: var(--mb-color8);
	color: var(--mb-color2)
}

html[mode="dark"] .cap-values-wrap .cap-value.cap-select-all,
html[mode="dark"] .cap-values-wrap .cap-value.cap-deselect {
	background: var(--mb-color12)
}

html[mode="dark"] .cap-values-wrap {
	background: var(--mb-color11);
	border-color: var(--mb-color9)
}

html[mode="dark"] .cap-values-wrap .cap-value {
	background: var(--mb-color11);
	border-color: var(--mb-color10)
}

html[mode="dark"] .cap-values-wrap .cap-value:hover {
	background: var(--mb-color12)
}

html[mode="dark"] .cap-values-ok {
	background: var(--mb-color11);
	border-color: var(--mb-color10)
}

html[mode="dark"] em.cap-top-section-end {
	background: var(--mb-color11)
}

html[mode="dark"] em.cap-top-section-end:before {
	border-color: var(--mb-color9)
}

html[mode="dark"] .cap-search .cap-section-top.cap-menu-advanced a.cap-special {
	border-color: var(--mb-color10) !important
}

html[mode="dark"] #seller .line-chat a.btn:after,
html[mode="dark"] a.btn-chat:after {
	box-shadow: 0 0 0 1px var(--mb-color12)
}

html[mode="dark"] #showcase-box {
	background-color: var(--mb-color11)
}

@media screen and (max-width:1024px) {
	footer section.two span {
		color: var(--mb-color6)
	}
}

@media screen and (max-width:767px) {
	html[mode="dark"] #meet-seller .img-wrap {
		background: var(--mb-color13)
	}

	html[mode="dark"] #breadcrumbs:after,
	html[mode="dark"] #breadcrumbs:before {
		display: none
	}

	html[mode="dark"] header .logo.square img {
		height: 36px;
		padding: 0;
		background-color: #fff0
	}

	html[mode="dark"] body#home>.content>section.home-cat {
		background: rgb(38 38 38 / 25%);
		border-color: var(--mb-color12)
	}

	html[mode="dark"] .blog-box>a {
		border-color: var(--mb-color12)
	}

	html[mode="dark"] .products.grid.with-border,
	html[mode="dark"] .products.grid.with-border-mobile {
		border-color: var(--mb-color13)
	}

	html[mode="dark"] .products.grid.with-border .simple-prod,
	html[mode="dark"] .products.grid.with-border-mobile .simple-prod {
		border-color: var(--mb-color13)
	}

	html[mode="dark"] #filter-line {
		background: #121415
	}

	html[mode="dark"] #item-main .details2 .item-mob-desc a.desc-show-more {
		background: #121415;
		box-shadow: 0 0 5px #121415, 0 0 14px #121415, 0 0 20px #121415
	}

	html[mode="dark"] #item-main .details2 .item-mob-desc.shorten:after {
		background: linear-gradient(180deg, rgb(18 20 21 / .05) 0%, rgb(18 20 21) 100%)
	}

	html[mode="dark"] .pre-account .box {
		background: #fff0
	}

	html[mode="dark"] .pre-account:not(.has-footer) .content,
	html[mode="dark"] .item-publish .content {
		background: #121415
	}

	html[mode="dark"] #public #meet-seller .img-wrap {
		background: var(--mb-color13)
	}

	html[mode="dark"] .item-publish .box section:not(.buttons-block) {
		box-shadow: 0 -5px 0 0 var(--mb-color14), 0 2px 8px rgb(0 0 0 / .2), 0 0 0 1px rgb(0 0 0 / .06)
	}
}

@media print {
	html body {
		background: #fff;
		padding: 5px;
		min-width: 1024px
	}

	body#search,
	body#item {
		padding: 5px
	}

	body#item #header-search,
	#item-image .mlinks,
	#item-main .details>.elem>div a,
	#item-main .details2>.elem>div>div+a,
	#item-side,
	#item-sticky-box,
	#comments {
		display: none
	}

	#item-main .details>.elem {
		padding: 6px 0;
		background: #fff0
	}

	#item-main {
		width: 100%
	}

	#item-main .details2,
	#item-image .img-bg,
	header .links,
	header .links1 {
		display: none
	}

	header .container.alt,
	.isMobile:not(.isDesktop),
	.isTablet:not(.isDesktop) {
		display: none !important
	}

	body#item .container.primary {
		padding-bottom: 6px
	}

	body header {
		box-shadow: none;
		border: none;
		margin-bottom: 5px;
		position: relative
	}

	#navi-bar,
	#item .sticky-button,
	header .links,
	#item-side .master-button,
	#seller .show-rating.show-stars .lnk,
	#item-side .seller-button,
	#item-side .manage-button,
	#comments .add,
	#shortcuts,
	#rel-block,
	.banner-theme,
	#recent-ads,
	footer,
	section.promo,
	#showcase-box,
	#debug-mode,
	#scroll-to-top,
	#item-main .basic .favorite,
	#item-main .mlink,
	#item-image .swiper-button,
	#item-main .basic .mo-make-offer-price,
	#item-main .description .read-more-desc,
	#item-main .location .directions,
	#osc-database-logs,
	.navlinks {
		display: none !important
	}
}

fieldset {
	border: none;
	display: inline-block;
	padding: 0;
	margin: 0;
	width: 100%
}

html,
input,
select,
textarea,
button {
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'
}

div {
	margin: 0;
	padding: 0
}

html {
	color: #222;
	box-sizing: border-box;
	font-size: 14px;
	line-height: 18px;
	cursor: default;
	-moz-tab-size: 4;
	tab-size: 4;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	word-break: break-word;
	scrollbar-width: thin
}

*,
*:before,
*:after {
	box-sizing: inherit
}

body {
	display: block;
	margin: 0;
	font-weight: 400;
	width: 100%;
	box-sizing: border-box
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ol,
ul {
	display: inline-block;
	margin: 0;
	padding: 0;
	width: 100%
}

ol,
ul {
	list-style: none
}

img {
	max-width: 100%;
	width: auto;
	height: auto
}

html.item-form-html {
	scrollbar-gutter: unset
}

/*! jQuery UI - v1.11.2 - 2014-10-16
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, draggable.css, menu.css, progressbar.css, resizable.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden {
	display: none
}

.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px
}

.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse
}

.ui-helper-clearfix:after {
	clear: both
}

.ui-helper-clearfix {
	min-height: 0
}

.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter: Alpha(Opacity=0)
}

.ui-front {
	z-index: 100
}

.ui-state-disabled {
	cursor: default !important
}

.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat
}

.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	min-height: 0;
	font-size: 100%
}

.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em
}

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px
}

.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto
}

.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default
}

.ui-button {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none
}

.ui-button-icon-only {
	width: 2.2em
}

button.ui-button-icon-only {
	width: 2.4em
}

.ui-button-icons-only {
	width: 3.4em
}

button.ui-button-icons-only {
	width: 3.7em
}

.ui-button .ui-button-text {
	display: block;
	line-height: normal
}

.ui-button-text-only .ui-button-text {
	padding: .4em 1em
}

.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
	padding: .4em;
	text-indent: -9999999px
}

.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 1em .4em 2.1em
}

.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 2.1em .4em 1em
}

.ui-button-text-icons .ui-button-text {
	padding-left: 2.1em;
	padding-right: 2.1em
}

input.ui-button {
	padding: .4em 1em
}

.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
	position: absolute;
	top: 50%;
	margin-top: -8px
}

.ui-button-icon-only .ui-icon {
	left: 50%;
	margin-left: -8px
}

.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
	left: .5em
}

.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
	right: .5em
}

.ui-buttonset {
	margin-right: 7px
}

.ui-buttonset .ui-button {
	margin-left: 0;
	margin-right: -.3em
}

input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0
}

.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none
}

.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px
}

.ui-datepicker .ui-datepicker-prev {
	left: 2px
}

.ui-datepicker .ui-datepicker-next {
	right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
	right: 1px
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center
}

.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%
}

.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em
}

.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: 700;
	border: 0
}

.ui-datepicker td {
	border: 0;
	padding: 1px
}

.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left
}

.ui-datepicker.ui-datepicker-multi {
	width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
	float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left
}

.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0
}

.ui-datepicker-rtl {
	direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px
}

.ui-dialog {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0
}

.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative
}

.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis
}

.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px
}

.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto
}

.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right
}

.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer
}

.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px
}

.ui-draggable .ui-dialog-titlebar {
	cursor: move
}

.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none
}

.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: none
}

.ui-menu .ui-menu {
	position: absolute
}

.ui-menu .ui-menu-item {
	position: relative;
	margin: 0;
	padding: 3px 1em 3px .4em;
	cursor: pointer;
	min-height: 0;
	list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
}

.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px
}

.ui-menu-icons {
	position: relative
}

.ui-menu-icons .ui-menu-item {
	padding-left: 2em
}

.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0
}

.ui-menu .ui-menu-icon {
	left: auto;
	right: 0
}

.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden
}

.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%
}

.ui-progressbar .ui-progressbar-overlay {
	background: url(data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==);
	height: 100%;
	filter: alpha(opacity=25);
	opacity: .25
}

.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none
}

.ui-resizable {
	position: relative
}

.ui-resizable-handle {
	position: absolute;
	font-size: .1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none
}

.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0
}

.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0
}

.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%
}

.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%
}

.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px
}

.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px
}

.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px
}

.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px
}

.ui-selectable {
	-ms-touch-action: none;
	touch-action: none
}

.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted #000
}

.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none
}

.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	overflow-x: hidden;
	padding-bottom: 1px
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: 700;
	line-height: 1.5;
	padding: 2px .4em;
	margin: .5em 0 0 0;
	height: auto;
	border: 0
}

.ui-selectmenu-open {
	display: block
}

.ui-selectmenu-button {
	display: inline-block;
	overflow: hidden;
	position: relative;
	text-decoration: none;
	cursor: pointer
}

.ui-selectmenu-button span.ui-icon {
	right: .5em;
	left: auto;
	margin-top: -8px;
	position: absolute;
	top: 50%
}

.ui-selectmenu-button span.ui-selectmenu-text {
	text-align: left;
	padding: .4em 2.1em .4em 1em;
	display: block;
	line-height: 1.4;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.ui-slider {
	position: relative;
	text-align: left
}

.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none
}

.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0
}

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit
}

.ui-slider-horizontal {
	height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
	left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
	right: 0
}

.ui-slider-vertical {
	width: .8em;
	height: 100px
}

.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
	bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
	top: 0
}

.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none
}

.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle
}

.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 22px
}

.ui-spinner-button {
	width: 16px;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0
}

.ui-spinner a.ui-spinner-button {
	border-top: none;
	border-bottom: none;
	border-right: none
}

.ui-spinner .ui-icon {
	position: absolute;
	margin-top: -8px;
	top: 50%;
	left: 0
}

.ui-spinner-up {
	top: 0
}

.ui-spinner-down {
	bottom: 0
}

.ui-spinner .ui-icon-triangle-1-s {
	background-position: -65px -16px
}

.ui-tabs {
	position: relative;
	padding: .2em
}

.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0
}

.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer
}

.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none
}

.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa
}

body .ui-tooltip {
	border-width: 2px
}

.ui-widget {
	font-family: Verdana, Arial, sans-serif;
	font-size: 1.1em
}

.ui-widget .ui-widget {
	font-size: 1em
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Verdana, Arial, sans-serif;
	font-size: 1em
}

.ui-widget-content {
	border: 1px solid #aaa;
	background: #fff url(../../themes/zeta/css/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
	color: #222
}

.ui-widget-content a {
	color: #222
}

.ui-widget-header {
	border: 1px solid #aaa;
	background: #ccc url(../../themes/zeta/css/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
	color: #222;
	font-weight: 700
}

.ui-widget-header a {
	color: #222
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #d3d3d3;
	background: #e6e6e6 url(../../themes/zeta/css/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
	font-weight: 400;
	color: #555
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #555;
	text-decoration: none
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #999;
	background: #dadada url(../../themes/zeta/css/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
	font-weight: 400;
	color: #212121
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
	color: #212121;
	text-decoration: none
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #aaa;
	background: #fff url(../../themes/zeta/css/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
	font-weight: 400;
	color: #212121
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #212121;
	text-decoration: none
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #fcefa1;
	background: #fbf9ee url(../../themes/zeta/css/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
	color: #363636
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #363636
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a;
	background: #fef1ec url(../../themes/zeta/css/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
	color: #cd0a0a
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #cd0a0a
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #cd0a0a
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: 700
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter: Alpha(Opacity=70);
	font-weight: 400
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter: Alpha(Opacity=35);
	background-image: none
}

.ui-state-disabled .ui-icon {
	filter: Alpha(Opacity=35)
}

.ui-icon {
	width: 16px;
	height: 16px
}

.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url(../../themes/zeta/css/images/ui-icons_222222_256x240.png)
}

.ui-widget-header .ui-icon {
	background-image: url(../../themes/zeta/css/images/ui-icons_222222_256x240.png)
}

.ui-state-default .ui-icon {
	background-image: url(../../themes/zeta/css/images/ui-icons_888888_256x240.png)
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url(../../themes/zeta/css/images/ui-icons_454545_256x240.png)
}

.ui-state-active .ui-icon {
	background-image: url(../../themes/zeta/css/images/ui-icons_454545_256x240.png)
}

.ui-state-highlight .ui-icon {
	background-image: url(../../themes/zeta/css/images/ui-icons_2e83ff_256x240.png)
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url(../../themes/zeta/css/images/ui-icons_cd0a0a_256x240.png)
}

.ui-icon-blank {
	background-position: 16px 16px
}

.ui-icon-carat-1-n {
	background-position: 0 0
}

.ui-icon-carat-1-ne {
	background-position: -16px 0
}

.ui-icon-carat-1-e {
	background-position: -32px 0
}

.ui-icon-carat-1-se {
	background-position: -48px 0
}

.ui-icon-carat-1-s {
	background-position: -64px 0
}

.ui-icon-carat-1-sw {
	background-position: -80px 0
}

.ui-icon-carat-1-w {
	background-position: -96px 0
}

.ui-icon-carat-1-nw {
	background-position: -112px 0
}

.ui-icon-carat-2-n-s {
	background-position: -128px 0
}

.ui-icon-carat-2-e-w {
	background-position: -144px 0
}

.ui-icon-triangle-1-n {
	background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
	background-position: -16px -16px
}

.ui-icon-triangle-1-e {
	background-position: -32px -16px
}

.ui-icon-triangle-1-se {
	background-position: -48px -16px
}

.ui-icon-triangle-1-s {
	background-position: -64px -16px
}

.ui-icon-triangle-1-sw {
	background-position: -80px -16px
}

.ui-icon-triangle-1-w {
	background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
	background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
	background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
	background-position: -144px -16px
}

.ui-icon-arrow-1-n {
	background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
	background-position: -16px -32px
}

.ui-icon-arrow-1-e {
	background-position: -32px -32px
}

.ui-icon-arrow-1-se {
	background-position: -48px -32px
}

.ui-icon-arrow-1-s {
	background-position: -64px -32px
}

.ui-icon-arrow-1-sw {
	background-position: -80px -32px
}

.ui-icon-arrow-1-w {
	background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
	background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
	background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
	background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
	background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
	background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
	background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
	background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
	background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
	background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
	background-position: 0 -48px
}

.ui-icon-arrowthick-1-ne {
	background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
	background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
	background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
	background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
	background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
	background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
	background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
	background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
	background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
	background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
	background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
	background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
	background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
	background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
	background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
	background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
	background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
	background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
	background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
	background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
	background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
	background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
	background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
	background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
	background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
	background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
	background-position: -176px -64px
}

.ui-icon-arrow-4 {
	background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
	background-position: -16px -80px
}

.ui-icon-extlink {
	background-position: -32px -80px
}

.ui-icon-newwin {
	background-position: -48px -80px
}

.ui-icon-refresh {
	background-position: -64px -80px
}

.ui-icon-shuffle {
	background-position: -80px -80px
}

.ui-icon-transfer-e-w {
	background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
	background-position: -112px -80px
}

.ui-icon-folder-collapsed {
	background-position: 0 -96px
}

.ui-icon-folder-open {
	background-position: -16px -96px
}

.ui-icon-document {
	background-position: -32px -96px
}

.ui-icon-document-b {
	background-position: -48px -96px
}

.ui-icon-note {
	background-position: -64px -96px
}

.ui-icon-mail-closed {
	background-position: -80px -96px
}

.ui-icon-mail-open {
	background-position: -96px -96px
}

.ui-icon-suitcase {
	background-position: -112px -96px
}

.ui-icon-comment {
	background-position: -128px -96px
}

.ui-icon-person {
	background-position: -144px -96px
}

.ui-icon-print {
	background-position: -160px -96px
}

.ui-icon-trash {
	background-position: -176px -96px
}

.ui-icon-locked {
	background-position: -192px -96px
}

.ui-icon-unlocked {
	background-position: -208px -96px
}

.ui-icon-bookmark {
	background-position: -224px -96px
}

.ui-icon-tag {
	background-position: -240px -96px
}

.ui-icon-home {
	background-position: 0 -112px
}

.ui-icon-flag {
	background-position: -16px -112px
}

.ui-icon-calendar {
	background-position: -32px -112px
}

.ui-icon-cart {
	background-position: -48px -112px
}

.ui-icon-pencil {
	background-position: -64px -112px
}

.ui-icon-clock {
	background-position: -80px -112px
}

.ui-icon-disk {
	background-position: -96px -112px
}

.ui-icon-calculator {
	background-position: -112px -112px
}

.ui-icon-zoomin {
	background-position: -128px -112px
}

.ui-icon-zoomout {
	background-position: -144px -112px
}

.ui-icon-search {
	background-position: -160px -112px
}

.ui-icon-wrench {
	background-position: -176px -112px
}

.ui-icon-gear {
	background-position: -192px -112px
}

.ui-icon-heart {
	background-position: -208px -112px
}

.ui-icon-star {
	background-position: -224px -112px
}

.ui-icon-link {
	background-position: -240px -112px
}

.ui-icon-cancel {
	background-position: 0 -128px
}

.ui-icon-plus {
	background-position: -16px -128px
}

.ui-icon-plusthick {
	background-position: -32px -128px
}

.ui-icon-minus {
	background-position: -48px -128px
}

.ui-icon-minusthick {
	background-position: -64px -128px
}

.ui-icon-close {
	background-position: -80px -128px
}

.ui-icon-closethick {
	background-position: -96px -128px
}

.ui-icon-key {
	background-position: -112px -128px
}

.ui-icon-lightbulb {
	background-position: -128px -128px
}

.ui-icon-scissors {
	background-position: -144px -128px
}

.ui-icon-clipboard {
	background-position: -160px -128px
}

.ui-icon-copy {
	background-position: -176px -128px
}

.ui-icon-contact {
	background-position: -192px -128px
}

.ui-icon-image {
	background-position: -208px -128px
}

.ui-icon-video {
	background-position: -224px -128px
}

.ui-icon-script {
	background-position: -240px -128px
}

.ui-icon-alert {
	background-position: 0 -144px
}

.ui-icon-info {
	background-position: -16px -144px
}

.ui-icon-notice {
	background-position: -32px -144px
}

.ui-icon-help {
	background-position: -48px -144px
}

.ui-icon-check {
	background-position: -64px -144px
}

.ui-icon-bullet {
	background-position: -80px -144px
}

.ui-icon-radio-on {
	background-position: -96px -144px
}

.ui-icon-radio-off {
	background-position: -112px -144px
}

.ui-icon-pin-w {
	background-position: -128px -144px
}

.ui-icon-pin-s {
	background-position: -144px -144px
}

.ui-icon-play {
	background-position: 0 -160px
}

.ui-icon-pause {
	background-position: -16px -160px
}

.ui-icon-seek-next {
	background-position: -32px -160px
}

.ui-icon-seek-prev {
	background-position: -48px -160px
}

.ui-icon-seek-end {
	background-position: -64px -160px
}

.ui-icon-seek-start {
	background-position: -80px -160px
}

.ui-icon-seek-first {
	background-position: -80px -160px
}

.ui-icon-stop {
	background-position: -96px -160px
}

.ui-icon-eject {
	background-position: -112px -160px
}

.ui-icon-volume-off {
	background-position: -128px -160px
}

.ui-icon-volume-on {
	background-position: -144px -160px
}

.ui-icon-power {
	background-position: 0 -176px
}

.ui-icon-signal-diag {
	background-position: -16px -176px
}

.ui-icon-signal {
	background-position: -32px -176px
}

.ui-icon-battery-0 {
	background-position: -48px -176px
}

.ui-icon-battery-1 {
	background-position: -64px -176px
}

.ui-icon-battery-2 {
	background-position: -80px -176px
}

.ui-icon-battery-3 {
	background-position: -96px -176px
}

.ui-icon-circle-plus {
	background-position: 0 -192px
}

.ui-icon-circle-minus {
	background-position: -16px -192px
}

.ui-icon-circle-close {
	background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
	background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
	background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
	background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
	background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
	background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
	background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
	background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
	background-position: -160px -192px
}

.ui-icon-circle-zoomin {
	background-position: -176px -192px
}

.ui-icon-circle-zoomout {
	background-position: -192px -192px
}

.ui-icon-circle-check {
	background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
	background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
	background-position: -16px -208px
}

.ui-icon-circlesmall-close {
	background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
	background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
	background-position: -64px -208px
}

.ui-icon-squaresmall-close {
	background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
	background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
	background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
	background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
	background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
	background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
	background-position: -80px -224px
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 4px
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 4px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 4px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 4px
}

.ui-widget-overlay {
	background: #aaa url(../../themes/zeta/css/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30)
}

.ui-widget-shadow {
	margin: -8px 0 0 -8px;
	padding: 8px;
	background: #aaa url(../../themes/zeta/css/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30);
	border-radius: 8px
}