@import url(https://fonts.googleapis.com/css?family=Prompt);
	.modal-open
{
	overflow-y:hidden
}

.modal-portal .modal-overlay
{
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	overflow-y:auto;
	background-color:rgba(0,0,0,.8);
	z-index:2000;
	opacity:0;
	transition:opacity .2s ease;
	cursor:pointer
}

.modal-portal .modal-table
{
	display:table;
	table-layout:fixed;
	height:100%;
	width:100%
}

.modal-portal .modal-cell
{
	display:table-cell;
	height:100%;
	width:100%;
	vertical-align:middle;
	text-align:center
}

.modal-portal .modal-content
{
	display:inline-block;
	text-align:left;
	min-width:200px;
	outline:none;
	cursor:auto
}

.modal-portal .modal-overlay--after-open
{
	opacity:1
}

/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */html
{
	font-family:sans-serif;
	line-height:1.15;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%
}

body
{
	margin:0
}

article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary
{
	display:block
}

audio,canvas,progress,video
{
	display:inline-block
}

audio:not([controls])
{
	display:none;
	height:0
}

progress
{
	vertical-align:baseline
}

[hidden],template
{
	display:none
}

a
{
	background-color:transparent;
	-webkit-text-decoration-skip:objects
}

a:active,a:hover
{
	outline-width:0
}

abbr[title]
{
	border-bottom:none;
	text-decoration:underline;
	text-decoration:underline dotted
}

b,strong
{
	font-weight:inherit;
	font-weight:bolder
}

dfn
{
	font-style:italic
}

h1
{
	font-size:2em;
	margin:.67em 0
}

mark
{
	background-color:#ff0;
	color:#000
}

small
{
	font-size:80%
}

sub,sup
{
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline
}

sub
{
	bottom:-.25em
}

sup
{
	top:-.5em
}

img
{
	border-style:none
}

svg:not(:root)
{
	overflow:hidden
}

code,kbd,pre,samp
{
	font-family:monospace,monospace;
	font-size:1em
}

figure
{
	/*margin:1em 40px*/
}

hr
{
	box-sizing:content-box;
	height:0;
	overflow:visible
}

button,input,optgroup,select,textarea
{
	font:inherit;
	margin:0
}

optgroup
{
	font-weight:700
}

button,input
{
	overflow:visible
}

button,select
{
	text-transform:none
}

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

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

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

fieldset
{
	border:1px solid silver;
	margin:0 2px;
	padding:.35em .625em .75em
}

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

textarea
{
	overflow:auto
}

[type=checkbox],[type=radio]
{
	box-sizing:border-box;
	padding:0
}

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

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

[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration
{
	-webkit-appearance:none
}

::-webkit-input-placeholder
{
	color:inherit;
	opacity:.54
}

::-webkit-file-upload-button
{
	-webkit-appearance:button;
	font:inherit
}

@charset "UTF-8";
	body
{
	font-size:.85em;
	text-rendering:optimizeLegibility;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	-moz-font-feature-settings:"liga","kern"
}

body.blackpearl
{
	font-family:thonburi,tahoma;
	color:#464646;
	background-color:#f4f4f3
}

body.show-menu
{
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0
}

a
{
	color:#4b67ca;
	text-decoration:none
}

a:hover
{
	color:#3f51b4
}

.creset>*,.gcreset>*>*,.reset
{
	margin:0;
	padding:0
}

.gcreset>*>li,.reset>li
{
	list-style-type:none
}

.clear:after
{
	content:"";
	display:block;
	clear:both
}

blockquote,q
{
	quotes:none
}

blockquote:after,blockquote:before,q:after,q:before
{
	content:"";
	content:none
}

.title-member-area
{
	padding:10px;
	margin:0;
	font-size:1.3em;
	color:#666
}

.title-member-area>span[class*=ico]:before
{
	margin-right:10px
}

.rel
{
	position:relative
}

.loading
{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/ajax-loader.gif);
	background-repeat:no-repeat;
	background-position:50%
}

@media only screen and (min-width:320px) and (max-width:40.063em) and (orientation:portrait)
{
	body
{
	background-color:red
}


}

@media only screen and (min-width:320px) and (max-width:40.063em) and (orientation:landscape)
{
	body
{
	background-color:blue
}


}

.modal-global-conent
{
	background-color:#fff;
	max-width:320px
}

@media only screen and (min-width:40.063em)
{
	.modal-global-conent
{
	width:380px;
	max-width:none
}


}

.wrapper-modal
{
	background-color:#fff;
	margin:auto 16px;
	position:relative;
	padding:15px;
	width:auto
}

@media only screen and (min-width:40.063em)
{
	.wrapper-modal
{
	width:320px
}


}

.wrapper-modal.ownerads-manage-list
{
	position:relative;
	height:auto;
	margin:auto 16px;
	width:auto
}

@media only screen and (min-width:40.063em)
{
	.wrapper-modal.ownerads-manage-list
{
	width:320px
}


}

.wrapper-modal .product-pic
{
	margin:-16px -16px 8px;
	display:none
}

.wrapper-modal .product-pic img
{
	width:100%
}

.wrapper-modal .btn-gray,.wrapper-modal .btn-target-action
{
	font-size:18px;
	display:block;
	height:44px;
	line-height:30px
}

.wrapper-modal [class*=btn-]+[class*=btn-]
{
	margin-top:16px
}

.modal-overlay
{
	width:100%;
	height:100%;
	background:rgba(0,0,0,.6);
	z-index:10000
}

.modal-body,.modal-overlay
{
	position:fixed;
	top:0;
	bottom:0;
	right:0;
	left:0
}

.modal-body
{
	width:320px;
	background:#fff;
	height:420px;
	margin:auto;
	z-index:10001
}

.item-message
{
	line-height:normal
}

.item-message .title-modal
{
	border-bottom:1px solid #eee;
	margin:0 0 8px;
	padding-bottom:8px
}

.item-message .title-topic
{
	font-size:16px;
	display:block
}

.item-message .title
{
	font-size:20px;
	font-weight:700;
	margin:0
}

.item-message .description
{
	font-size:16px;
	margin:16px 0 32px;
	opacity:.8
}

.item-message .price
{
	font-size:14px;
	opacity:.4
}

.item-action-modal [class*=df-icon-]:before
{
	display:inline-block;
	margin-right:5px
}

.box-message
{
	background-color:#fff;
	border-bottom:1px solid #d1d1d1;
	border-top:1px solid #d1d1d1;
	padding:0 20px!important;
	height:0;
	z-index:-100;
	opacity:0;
	visibility:hidden;
	-webkit-transform:translateY(20%);
	transform:translateY(20%);
	transition:all .3s
}

@media only screen and (min-width:40.063em)
{
	.box-message
{
	padding:0 70px!important
}


}

.box-message.activate
{
	opacity:1;
	visibility:visible;
	z-index:100;
	height:auto;
	-webkit-transform:translateY(0);
	transform:translateY(0);
	margin-bottom:8px
}

.box-message .title
{
	font-size:18px;
	margin:24px 0 4px;
	line-height:18px
}

.box-message .title-warning
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/warning.svg);
	background-repeat:no-repeat;
	background-size:16px;
	background-position:0;
	padding-left:26px
}

.box-message .description
{
	display:table;
	margin:0 0 20px
}

.box-message .more-info
{
	display:inline-block;
	min-width:122px
}

.box-message .content-table
{
	display:block;
	margin-bottom:8px
}

@media only screen and (min-width:40.063em)
{
	.box-message .content-table
{
	display:table-cell;
	vertical-align:middle;
	padding-right:16px
}


}

.box-message .btn-link
{
	background:#fff;
	font-size:14px;
	color:#00c977;
	border-color:#00c977
}

.box-message .close-box-message
{
	width:28px;
	height:28px;
	color:#ababab;
	line-height:28px;
	text-align:center;
	position:absolute;
	top:-1px;
	right:-1px
}

.box-message .close-box-message:hover
{
	opacity:.8
}

.tooltip
{
	position:relative;
	display:inline-block;
	text-align:center
}

.tooltip.small-info
{
	height:40px;
	width:40px
}

.tooltip-icon
{
	display:inline-block;
	vertical-align:-5px
}

.tooltip-info.show-tooltip,.tooltip:focus .tooltip-info,.tooltip:hover .tooltip-info
{
	visibility:visible;
	opacity:1
}

.tooltip-info
{
	visibility:hidden;
	position:absolute;
	width:170px;
	background-color:#fff;
	border:1px solid #c8c8c8;
	box-shadow:0 3px 6px rgba(0,0,0,.1);
	padding:8px 19px;
	border-radius:6px;
	z-index:10;
	opacity:0;
	transition:opacity 1s;
	bottom:125%;
	left:50%;
	margin-left:-90px
}

.tooltip-info:after,.tooltip-info:before
{
	content:"";
	position:absolute;
	top:100%;
	left:50%;
	margin-left:-5px;
	display:block;
	width:0;
	height:0;
	border-style:solid
}

.tooltip-info:before
{
	border-color:#c8c8c8 transparent transparent;
	border-width:11px
}

.tooltip-info:after
{
	top:99%;
	border-color:#fff transparent transparent;
	border-width:11px
}

.tooltip-info>.info
{
	font-size:13px;
	color:#464646;
	margin-bottom:8px;
	line-height:18px;
	display:block;
	text-align:left
}

.modal-info
{
	background-color:#fff;
	padding:16px;
	margin:16px;
	border-radius:2px;
	position:relative
}

.modal-info .title
{
	margin:0;
	font-size:18px
}

.modal-info strong
{
	display:block;
	margin-bottom:8px
}

.modal-info .description
{
	font-size:14px;
	color:#969696
}

.modal-info .close
{
	position:absolute;
	z-index:1;
	border-radius:50%;
	width:32px;
	height:32px;
	text-align:center;
	top:6px;
	right:6px
}

.modal-info .close:before
{
	font-size:22px
}

.modal-fade-in .modal-table
{
	-webkit-transform:scale(.7);
	transform:scale(.7);
	opacity:0;
	transition:all .3s
}

.modal-fade-in .modal-overlay--after-open .modal-table
{
	-webkit-transform:scale(1);
	transform:scale(1);
	opacity:1
}

.btn,button,input[type=number],input[type=password],input[type=search],input[type=submit],input[type=tel],input[type=text],select,textarea
{
	display:block;
	/*width:100%;*/
	box-sizing:border-box;
	-webkit-appearance:none;
	border-radius:2px
}

.btn,button,input[type=number],input[type=password],input[type=search],input[type=submit],input[type=tel],input[type=text],select
{
	padding:0 8px;
	/* font-size:1.2em; */
	line-height:34px
}

textarea
{
	padding:4px;
	font-size:1em;
	line-height:auto;
	min-height:80px
}

input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],select,textarea
{
	border:1px solid #c8c8c8
}

input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,textarea:focus
{
	border-color:#00c977
}

.btn,button,input[type=submit]
{
	text-align:center;
	border:1px solid #00ac62
}

.btn.send,button.send,input.send
{
	color:hsla(0,0%,100%,.9);
	background-color:#00c877
}

.btn.send:hover,button.send:hover,input.send:hover
{
	color:#fff;
	background-color:#00ac62
}

.btn.cancel,button.cancel,input.cancel
{
	background-color:#fff;
	color:#646464;
	border:1px solid #c8c8c8
}

.btn.cancel:hover,button.cancel:hover,input.cancel:hover
{
	background-color:hsla(0,0%,86%,.5)
}

.btn.cancel:visited
{
	color:#646464
}

.btn.sell
{
	background-color:#f57c00;
	border-color:#dc7212;
	color:#fff;
	line-height:32px
}

@media only screen and (min-width:40.063em)
{
	.btn.sell
{
	height:36px;
	line-height:30px;
	font-size:1.2em
}


}

.btn.sell:hover
{
	background-color:#dc7212
}

.crow:after,[class*=-lay]:after
{
	content:" ";
	display:block;
	clear:both
}

.crow>.col
{
	display:block;
	float:left
}

.crow.double55>.col
{
	width:48%
}

.crow.double55>.col:first-child+.col
{
	margin-left:4%
}

.crow.triple>.col
{
	width:30.33333%
}

.crow.triple>.col:first-child+.col,.crow.triple>.col:first-child+.col+.col
{
	margin-left:4.1%
}

._pab
{
	position:absolute
}

._prt
{
	position:relative
}

._dpb
{
	display:block
}

@media only screen and (min-width:40.063em)
{
	[class*=-lay]>.col
{
	display:block;
	float:left
}

[class*=-lay][class~=double37]>.col:first-child
{
	width:35%
}

[class*=-lay][class~=double37]>.col:first-child+.col
{
	width:63%;
	margin-left:2%
}

[class*=-lay][class~=double46]>.col:first-child
{
	width:38%
}

[class*=-lay][class~=double46]>.col:first-child+.col
{
	width:60%;
	margin-left:2%
}

[class*=-lay][class~=double55]>.col
{
	width:49%
}

[class*=-lay][class~=double55]>.col:first-child+.col
{
	margin-left:2%
}

[class*=-lay][class~=double73]>.col:first-child
{
	width:68%
}

[class*=-lay][class~=double73]>.col:first-child+.col
{
	width:30%;
	margin-left:2%
}

[class*=-lay][class~=double64]>.col:first-child
{
	width:60%
}

[class*=-lay][class~=double64]>.col:first-child+.col
{
	width:38%;
	margin-left:2%
}

[class*=-lay][class~=triple]>.col
{
	width:31.999%
}

[class*=-lay][class~=triple]>.col:first-child+.col,[class*=-lay][class~=triple]>.col:first-child+.col+.col
{
	margin-left:2%
}

#footer,.header-content
{
	padding-left:.5%;
	padding-right:.5%
}


}

@media only screen and (min-width:64.063em)
{
	#footer>.footer-container,#main,.header-content
{
	width:980px;
	margin:0 auto
}

.listing #footer>.footer-container,.listing #main,.listing .header-content
{
	width:1250px
}

[class*=-lay][class~=double37]>.col:first-child
{
	width:30%
}

[class*=-lay][class~=double37]>.col:first-child+.col
{
	width:68%;
	margin-left:2%
}


}

@media only screen and (min-width:90.063em)
{
	.listing #footer>.footer-container,.listing #main,.listing .header-content
{
	width:1564px
}


}

.open-modal
{
	position:fixed;
	width:100%;
	height:100%
}

[placeholder],input[placeholder]
{
	color:#767676
}

#loading-request
{
	background-color:hsla(0,0%,98%,.8);
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:9998;
	height:100%;
	width:100%
}

#loading-request .global-page-loader
{
	background-color:hsla(0,0%,100%,.4)
}

#loading-request .loader
{
	z-index:99999
}

#loading-request img
{
	position:absolute;
	width:32px;
	height:32px;
	left:0;
	right:0;
	bottom:0;
	top:0;
	margin:auto
}

@media only screen and (min-width:64.063em)
{
	#loading-request img
{
	width:38px;
	height:38px
}


}

@-webkit-keyframes bounce
{
	0%,20%,53%,80%,to
{
	-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
	animation-timing-function:cubic-bezier(.215,.61,.355,1);
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
}

40%,43%
{
	-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);
	animation-timing-function:cubic-bezier(.755,.05,.855,.06);
	-webkit-transform:translate3d(0,-30px,0);
	transform:translate3d(0,-30px,0)
}

70%
{
	-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);
	animation-timing-function:cubic-bezier(.755,.05,.855,.06);
	-webkit-transform:translate3d(0,-15px,0);
	transform:translate3d(0,-15px,0)
}

90%
{
	-webkit-transform:translate3d(0,-4px,0);
	transform:translate3d(0,-4px,0)
}


}

@keyframes bounce
{
	0%,20%,53%,80%,to
{
	-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
	animation-timing-function:cubic-bezier(.215,.61,.355,1);
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
}

40%,43%
{
	-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);
	animation-timing-function:cubic-bezier(.755,.05,.855,.06);
	-webkit-transform:translate3d(0,-30px,0);
	transform:translate3d(0,-30px,0)
}

70%
{
	-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);
	animation-timing-function:cubic-bezier(.755,.05,.855,.06);
	-webkit-transform:translate3d(0,-15px,0);
	transform:translate3d(0,-15px,0)
}

90%
{
	-webkit-transform:translate3d(0,-4px,0);
	transform:translate3d(0,-4px,0)
}


}

.bounce .chat-btn-group>span:not(:first-child)
{
	-webkit-animation-name:bounce;
	animation-name:bounce;
	-webkit-animation-duration:.75s;
	animation-duration:.75s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-transform-origin:center bottom;
	transform-origin:center bottom
}

.bounce .chat-btn-group>span:nth-child(2)
{
	-webkit-animation-delay:.3s;
	animation-delay:.3s
}

.bounce .chat-btn-group>span:nth-child(3)
{
	-webkit-animation-delay:.6s;
	animation-delay:.6s
}

.bounce .chat-btn-group>span:nth-child(4)
{
	-webkit-animation-delay:.9s;
	animation-delay:.9s
}

@media only screen and (min-width:40.063em)
{
	[class*=flex-column]
{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-ms-flex-direction:row;
	flex-direction:row;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap
}


}

@media only screen and (min-width:40.063em)
{
	.flex-column-2>*
{
	-webkit-box-flex:1;
	-ms-flex:1 1 auto;
	flex:1 1 auto;
	width:50%
}


}

@media only screen and (min-width:40.063em)
{
	.flex-column-4>*
{
	-webkit-box-flex:1;
	-ms-flex:1 1 1 1 auto;
	flex:1 1 1 1 auto;
	width:25%
}


}

@font-face
{
	font-family:olxicons;
	src:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/fonts/bp-icon4.eot)
}

@font-face
{
	font-family:olxicons;
	src:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/fonts/bp-icon5.ttf) format("truetype");
	font-weight:400;
	font-style:normal
}

.icon-close:before,[class*=df-icon-]:before
{
	font-family:olxicons;
	-webkit-font-smoothing:antialiased;
	font-style:normal;
	font-weight:400;
	text-decoration:inherit;
	speak:none;
	vertical-align:middle
}

.df-icon-pencil:before
{
	content:"\270F"
}

#show-search #get-data-input:before,.df-icon-search:before,.place-search:before
{
	content:"\F002"
}

.df-icon-heart:before
{
	content:"\F005"
}

.df-icon-user:before
{
	content:"\F007"
}

.df-icon-group4:before
{
	content:"\F009"
}

.df-icon-list:before
{
	content:"\F00B"
}

.df-icon-dfchecked:before
{
	content:"\F00C"
}

.df-icon-dfclose:before,.icon-close:before
{
	content:"\F00D"
}

.df-icon-unlock-alt:before
{
	content:"\F011"
}

.df-icon-setting:before
{
	content:"\F013"
}

.df-icon-trash:before
{
	content:"\F014"
}

.df-icon-home:before
{
	content:"\F015"
}

.df-icon-time:before
{
	content:"\F017"
}

.df-icon-carlender:before
{
	content:"\F01E"
}

.df-icon-reload:before
{
	content:"\F021"
}

.df-icon-tag:before
{
	content:"\F02B"
}

.df-icon-map-marker:before
{
	content:"\F041"
}

.df-icon-mylocation:before
{
	content:"\F042"
}

.df-icon-dfhorn:before
{
	content:"\F213"
}

.df-icon-dfplus:before
{
	content:"\F067"
}

.df-icon-dfsearchthin:before
{
	content:"\F228"
}

.df-icon-feed-notification:before
{
	content:"\F230"
}

.df-icon-prev:before
{
	content:"\F060"
}

.df-icon-next:before
{
	content:"\F061"
}

.df-icon-up:before
{
	content:"\F062"
}

.df-icon-down:before
{
	content:"\F063"
}

.df-icon-bullhorn:before
{
	content:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/report-icon.svg)
}

.df-icon-phone:before
{
	content:"\F095"
}

.df-icon-chat:before
{
	content:"\F096"
}

.df-icon-facebook:before
{
	content:"\F098"
}

.df-icon-twitter:before
{
	content:"\F099"
}

.df-icon-line:before
{
	content:"\F09A"
}

.df-icon-wechat:before
{
	content:"\F09C"
}

.df-icon-link:before
{
	content:"\F09B"
}

.df-icon-envelope-alt:before
{
	content:"\F0E0"
}

.df-icon-eye-open:before
{
	content:"\F06E"
}

.df-icon-tgmenu:before
{
	content:"\F0C9"
}

.df-icon-chevron-left:before
{
	content:"\F104"
}

.df-icon-chevron-right:before
{
	content:"\F105"
}

.df-icon-chevron-up:before
{
	content:"\F106"
}

.df-icon-chevron-down:before
{
	content:"\F107"
}

.df-icon-sound:before
{
	content:"\F108"
}

.df-icon-mute-sound:before
{
	content:"\F109"
}

.df-icon-notification:before
{
	content:"\F124"
}

.df-icon-question:before
{
	content:"\F128"
}

.df-icon-information:before
{
	content:"\F129"
}

.df-icon-exclamination:before
{
	content:"\F12A"
}

.df-icon-horizontaldots:before
{
	content:"\F141"
}

.df-icon-verticaldots:before
{
	content:"\F142"
}

.df-icon-locked:before
{
	content:"\F13E"
}

[class*=bg-icon-]
{
	display:inline-block;
	background-repeat:no-repeat
}

.bg-icon-bump
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/btn_bump.svg)
}

.bg-icon-bump-grey
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/btn_bump_grey.svg)
}

.bg-icon-ad-list
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/icon_listing_header.svg)
}

.bg-icon-logout
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/icon_logout_menu.svg)
}

.bg-icon-my-listing
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/icon_listing_menu.svg)
}

.bg-icon-bump-history
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/icon_bump_menu.svg)
}

.bg-icon-bump-history-dark
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/icon_bump_menu_dark.svg)
}

.bg-icon-mobile-bump-history-menu
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/icon_bump_menu_mb.svg)
}

.bg-icon-favorite
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/icon_favorite_menu.svg)
}

.bg-icon-history
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/icon_history_menu.svg)
}

.bg-icon-mobile-history
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/icon_history_menu.svg)
}

.bg-icon-history-dark
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/icon_history_menu_dark.svg)
}

.bg-icon-coin
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/KDegg.png)
}

.bg-icon-egg-dark
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/egg_menu.svg)
}

.bg-icon-egg-ac
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/egg_menu_ac.svg)
}

.bg-icon-egg-header
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/egg_menu_header.svg)
}

.bg-icon-egg-white
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/egg_menu_white.svg)
}

.bg-icon-lock
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/lock.png)
}

.bg-icon-info
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/icon_help@2x.png)
}

.bg-icon-phone
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/ic-call-login.svg)
}

.bg-icon-top-ad
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/ic-top-ad.svg)
}

.bg-icon-topad-grey
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/ic-topad-grey.svg)
}

.bg-beta-rinbon
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/beta-rinbon.svg)
}

.bg-icon-checked
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/ic-check.svg)
}

.bg-icon-information
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/ic-information.svg)
}

.bg-icon-dashboard
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/ic_dashboard.svg)
}

.title-member-area>span[class*=bg-icon-]
{
	padding-left:30px;
	background-size:20px;
	background-position:0 6px
}

.title-member-area>span[class*=bg-icon-ad-list]
{
	background-position:0 10px
}

.nav-user-menu-list a[class*=bg-icon-]
{
	padding-left:30px;
	background-size:20px;
	background-position:4px 10px
}

.nav-user-menu-list li a.bg-icon-my-listing
{
	background-position:4px 14px
}

.icon-bump-ad:before
{
	content:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/btn_bump.svg);
	display:inline-block;
	line-height:normal;
	vertical-align:middle;
	margin-right:8px
}

.icon-egg
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/KDegg.png);
	background-repeat:no-repeat;
	background-position:-2px 0;
	display:inline-block;
	padding-left:16px
}

.icon-egg-small
{
	background-size:14px
}

.icon-egg-medium
{
	background-size:16px
}

.icon-egg-large
{
	background-size:18px
}

.icon-cash-cards
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/icon-cash-cards.png);
	background-size:253px;
	background-repeat:no-repeat;
	height:36px
}

.icon-gutter-right
{
	margin-right:8px
}

.box-content-m
{
	max-width:520px;
	margin:auto
}

.box-shadow
{
	background-color:#fff;
	box-shadow:0 2px 4px rgba(0,0,0,.1)
}

.pull-left
{
	float:left
}

.pull-right
{
	float:right
}

.ps-a
{
	position:absolute
}

.ps-f
{
	position:fixed
}

.ps-s
{
	position:static
}

.ps-r
{
	position:relative
}

.bd
{
	border-width:1px;
	border-style:solid
}

.bd-t-1-dark,.component-update-profile .text-avatar
{
	border-top:1px solid #dedede
}

.bd-b-1-dark
{
	border-bottom:1px solid #dedede
}

.bd-c-blue
{
	border-color:#4b67ca
}

.bd-r
{
	border-radius:2px
}

.cl-black
{
	color:#464646
}

.cl-dark
{
	color:#7b7b7b!important
}

.cl-gray
{
	color:#969696
}

.cl-green
{
	color:#00c977
}

.cl-warning
{
	color:#f70
}

.cl-error
{
	color:#d0021b
}

.pd-all-1x
{
	padding:8px
}

.pd-all-2x
{
	padding:16px
}

.pd-l-1x
{
	padding-left:8px
}

.pd-l-2x
{
	padding-left:16px
}

.pd-r-1x
{
	padding-right:8px
}

.pd-r-2x
{
	padding-right:16px
}

.pd-t-1x
{
	padding-top:8px
}

.pd-t-2x
{
	padding-top:16px
}

.pd-b-1x
{
	padding-bottom:8px
}

.pd-b-2x
{
	padding-bottom:16px
}

.mg-all-1x
{
	margin:8px
}

.mg-all-2x
{
	margin:16px
}

.mg-l-1x
{
	margin-left:8px
}

.mg-r-1x
{
	margin-right:8px
}

.mg-l-2x
{
	margin-left:16px
}

.mg-r-2x
{
	margin-right:16px
}

.mg-t-1x
{
	margin-top:8px
}

.mg-t-2x
{
	margin-top:16px
}

.mg-b-1x
{
	margin-bottom:8px
}

.mg-b-2x
{
	margin-bottom:16px
}

.f1,.f-l-title
{
	font-size:32px
}

.f2,.f-m-title
{
	font-size:24px
}

.f3,.f-s-title
{
	font-size:18px
}

.f4
{
	font-size:16px
}

.f5
{
	font-size:14px
}

.f6
{
	font-size:12px
}

.f-b
{
	font-weight:700
}

.text-read
{
	margin-top:0;
	color:#464646
}

@media only screen and (max-width:40em)
{
	.hide-sm
{
	display:none!important
}


}

@media only screen and (min-width:40.063em)
{
	.show-sm
{
	display:none
}


}

@media only screen and (min-width:40.063em) and (max-width:64em)
{
	.hide-md
{
	display:none
}


}

.show-lg
{
	display:none
}

@media only screen and (min-width:64.063em)
{
	.show-lg
{
	display:block
}


}

@media only screen and (min-width:64.063em)
{
	.hide-lg
{
	display:none
}


}

.unselectable
{
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}

.pointer
{
	cursor:pointer
}

.type-smooth
{
	-webkit-font-smoothing:antialiased
}

body.stop-scrolling
{
	height:100%;
	overflow:hidden
}

.sweet-overlay
{
	background-color:#000;
	background-color:rgba(0,0,0,.4);
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	display:none;
	z-index:10000
}

.sweet-alert
{
	background-color:#fff;
	width:478px;
	padding:17px;
	border-radius:2px;
	text-align:center;
	position:fixed;
	left:50%;
	top:50%;
	margin-left:-256px;
	margin-top:-200px;
	overflow:hidden;
	display:none;
	z-index:99999
}

@media (max-width:540px)
{
	.sweet-alert
{
	width:auto;
	margin-left:0;
	margin-right:0;
	left:15px;
	right:15px
}


}

.sweet-alert h2
{
	color:#575757;
	font-size:30px;
	font-weight:600;
	text-transform:none;
	margin:25px 0;
	line-height:40px;
	display:block
}

.sweet-alert h2,.sweet-alert p
{
	text-align:center;
	position:relative;
	padding:0
}

.sweet-alert p
{
	color:#797979;
	text-align:inherit;
	float:none;
	margin:0
}

.sweet-alert fieldset
{
	border:none;
	position:relative
}

.sweet-alert .sa-error-container
{
	background-color:#f1f1f1;
	margin-left:-17px;
	margin-right:-17px;
	overflow:hidden;
	padding:0 10px;
	max-height:0;
	webkit-transition:padding .15s,max-height .15s;
	transition:padding .15s,max-height .15s
}

.sweet-alert .sa-error-container.show
{
	padding:10px 0;
	max-height:100px;
	webkit-transition:padding .2s,max-height .2s;
	transition:padding .25s,max-height .25s
}

.sweet-alert .sa-error-container .icon
{
	display:inline-block;
	width:24px;
	height:24px;
	border-radius:50%;
	background-color:#ea7d7d;
	color:#fff;
	line-height:24px;
	text-align:center;
	margin-right:3px
}

.sweet-alert .sa-error-container p
{
	display:inline-block
}

.sweet-alert .sa-input-error
{
	position:absolute;
	top:29px;
	right:26px;
	width:20px;
	height:20px;
	opacity:0;
	-webkit-transform:scale(.5);
	transform:scale(.5);
	-webkit-transform-origin:50% 50%;
	transform-origin:50% 50%;
	transition:all .1s
}

.sweet-alert .sa-input-error:after,.sweet-alert .sa-input-error:before
{
	content:"";
	width:20px;
	height:6px;
	background-color:#f06e57;
	border-radius:3px;
	position:absolute;
	top:50%;
	margin-top:-4px;
	left:50%;
	margin-left:-9px
}

.sweet-alert .sa-input-error:before
{
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg)
}

.sweet-alert .sa-input-error:after
{
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg)
}

.sweet-alert .sa-input-error.show
{
	opacity:1;
	-webkit-transform:scale(1);
	transform:scale(1)
}

.sweet-alert input
{
	width:100%;
	box-sizing:border-box;
	border-radius:3px;
	border:1px solid #d7d7d7;
	height:43px;
	margin-top:10px;
	margin-bottom:17px;
	font-size:18px;
	box-shadow:inset 0 1px 1px rgba(0,0,0,.06);
	padding:0 12px;
	display:none;
	transition:all .3s
}

.sweet-alert input:focus
{
	outline:none;
	box-shadow:0 0 3px #c4e6f5;
	border:1px solid #b4dbed
}

.sweet-alert input:focus::-moz-placeholder
{
	transition:opacity .3s ease .03s;
	opacity:.5
}

.sweet-alert input:focus:-ms-input-placeholder
{
	transition:opacity .3s ease .03s;
	opacity:.5
}

.sweet-alert input:focus::-webkit-input-placeholder
{
	transition:opacity .3s ease .03s;
	opacity:.5
}

.sweet-alert input::-moz-placeholder
{
	color:#bdbdbd
}

.sweet-alert input:-ms-input-placeholder
{
	color:#bdbdbd
}

.sweet-alert input::-webkit-input-placeholder
{
	color:#bdbdbd
}

.sweet-alert.show-input input
{
	display:block
}

.sweet-alert .sa-confirm-button-container
{
	display:inline-block;
	position:relative
}

.sweet-alert .la-ball-fall
{
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-27px;
	margin-top:4px;
	opacity:0;
	visibility:hidden
}

.sweet-alert button
{
	background-color:#fff;
	color:#797979;
	border:1px solid #e3e3e3;
	box-shadow:none;
	border-radius:2px;
	padding:5px 32px;
	margin:26px 5px 0;
	cursor:pointer
}

.sweet-alert button:focus
{
	outline:none;
	box-shadow:0 0 2px rgba(128,179,235,.5),inset 0 0 0 1px rgba(0,0,0,.05)
}

.sweet-alert button:hover
{
	background-color:#f8f8f8
}

.sweet-alert button:active
{
	background-color:#fff
}

.sweet-alert button.cancel,.sweet-alert button.cancel:active,.sweet-alert button.cancel:hover
{
	background-color:#f8f8f8
}

.sweet-alert button.cancel:focus
{
	box-shadow:0 0 2px rgba(197,205,211,.8),inset 0 0 0 1px rgba(0,0,0,.0470588)!important
}

.sweet-alert button[disabled]
{
	opacity:.6;
	cursor:default
}

.sweet-alert button.confirm[disabled]
{
	color:transparent
}

.sweet-alert button.confirm[disabled]~.la-ball-fall
{
	opacity:1;
	visibility:visible;
	transition-delay:0s
}

.sweet-alert button::-moz-focus-inner
{
	border:0
}

.sweet-alert[data-has-cancel-button=false] button
{
	box-shadow:none!important
}

.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false]
{
	padding-bottom:40px
}

.sweet-alert .sa-icon
{
	width:80px;
	height:80px;
	border:4px solid gray;
	border-radius:40px;
	border-radius:50%;
	margin:20px auto;
	padding:0;
	position:relative;
	box-sizing:content-box
}

.sweet-alert .sa-icon.sa-error
{
	border-color:#f27474
}

.sweet-alert .sa-icon.sa-error .sa-x-mark
{
	position:relative;
	display:block
}

.sweet-alert .sa-icon.sa-error .sa-line
{
	position:absolute;
	height:5px;
	width:47px;
	background-color:#f27474;
	display:block;
	top:37px;
	border-radius:2px
}

.sweet-alert .sa-icon.sa-error .sa-line.sa-left
{
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	left:17px
}

.sweet-alert .sa-icon.sa-error .sa-line.sa-right
{
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	right:16px
}

.sweet-alert .sa-icon.sa-warning
{
	border-color:#f8bb86
}

.sweet-alert .sa-icon.sa-warning .sa-body
{
	position:absolute;
	width:5px;
	height:47px;
	left:50%;
	top:10px;
	border-radius:2px;
	margin-left:-2px;
	background-color:#f8bb86
}

.sweet-alert .sa-icon.sa-warning .sa-dot
{
	position:absolute;
	width:7px;
	height:7px;
	border-radius:50%;
	margin-left:-3px;
	left:50%;
	bottom:10px;
	background-color:#f8bb86
}

.sweet-alert .sa-icon.sa-info
{
	border-color:#ffd157
}

.sweet-alert .sa-icon.sa-info:before
{
	content:"";
	position:absolute;
	width:5px;
	height:29px;
	left:50%;
	bottom:17px;
	border-radius:2px;
	margin-left:-2px;
	background-color:#f8bb86
}

.sweet-alert .sa-icon.sa-info:after
{
	content:"";
	position:absolute;
	width:7px;
	height:7px;
	border-radius:50%;
	margin-left:-3px;
	top:19px;
	background-color:#f8bb86
}

.sweet-alert .sa-icon.sa-success
{
	border-color:#a5dc86
}

.sweet-alert .sa-icon.sa-success:after,.sweet-alert .sa-icon.sa-success:before
{
	content:"";
	border-radius:40px;
	border-radius:50%;
	position:absolute;
	width:60px;
	height:120px;
	background:#fff;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg)
}

.sweet-alert .sa-icon.sa-success:before
{
	border-radius:120px 0 0 120px;
	top:-7px;
	left:-33px;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	-webkit-transform-origin:60px 60px;
	transform-origin:60px 60px
}

.sweet-alert .sa-icon.sa-success:after
{
	border-radius:0 120px 120px 0;
	top:-11px;
	left:30px;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	-webkit-transform-origin:0 60px;
	transform-origin:0 60px
}

.sweet-alert .sa-icon.sa-success .sa-placeholder
{
	width:80px;
	height:80px;
	border:4px solid hsla(98,55%,69%,.2);
	border-radius:40px;
	border-radius:50%;
	box-sizing:content-box;
	position:absolute;
	left:-4px;
	top:-4px;
	z-index:2
}

.sweet-alert .sa-icon.sa-success .sa-fix
{
	width:5px;
	height:90px;
	background-color:#fff;
	position:absolute;
	left:28px;
	top:8px;
	z-index:1;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg)
}

.sweet-alert .sa-icon.sa-success .sa-line
{
	height:5px;
	background-color:#a5dc86;
	display:block;
	border-radius:2px;
	position:absolute;
	z-index:2
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-tip
{
	width:25px;
	left:14px;
	top:46px;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg)
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-long
{
	width:47px;
	right:8px;
	top:38px;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg)
}

.sweet-alert .sa-icon.sa-custom
{
	background-size:contain;
	border-radius:0;
	border:none;
	background-position:50%;
	background-repeat:no-repeat
}

@-webkit-keyframes showSweetAlert
{
	0%
{
	transform:scale(.7);
	-webkit-transform:scale(.7)
}

45%
{
	transform:scale(1.05);
	-webkit-transform:scale(1.05)
}

80%
{
	transform:scale(.95);
	-webkit-transform:scale(.95)
}

to
{
	transform:scale(1);
	-webkit-transform:scale(1)
}


}

@keyframes showSweetAlert
{
	0%
{
	transform:scale(.7);
	-webkit-transform:scale(.7)
}

45%
{
	transform:scale(1.05);
	-webkit-transform:scale(1.05)
}

80%
{
	transform:scale(.95);
	-webkit-transform:scale(.95)
}

to
{
	transform:scale(1);
	-webkit-transform:scale(1)
}


}

@-webkit-keyframes hideSweetAlert
{
	0%
{
	transform:scale(1);
	-webkit-transform:scale(1)
}

to
{
	transform:scale(.5);
	-webkit-transform:scale(.5)
}


}

@keyframes hideSweetAlert
{
	0%
{
	transform:scale(1);
	-webkit-transform:scale(1)
}

to
{
	transform:scale(.5);
	-webkit-transform:scale(.5)
}


}

@-webkit-keyframes slideFromTop
{
	0%
{
	top:0
}

to
{
	top:50%
}


}

@keyframes slideFromTop
{
	0%
{
	top:0
}

to
{
	top:50%
}


}

@-webkit-keyframes slideToTop
{
	0%
{
	top:50%
}

to
{
	top:0
}


}

@keyframes slideToTop
{
	0%
{
	top:50%
}

to
{
	top:0
}


}

@-webkit-keyframes slideFromBottom
{
	0%
{
	top:70%
}

to
{
	top:50%
}


}

@keyframes slideFromBottom
{
	0%
{
	top:70%
}

to
{
	top:50%
}


}

@-webkit-keyframes slideToBottom
{
	0%
{
	top:50%
}

to
{
	top:70%
}


}

@keyframes slideToBottom
{
	0%
{
	top:50%
}

to
{
	top:70%
}


}

.showSweetAlert[data-animation=pop]
{
	-webkit-animation:showSweetAlert .3s;
	animation:showSweetAlert .3s
}

.showSweetAlert[data-animation=none]
{
	-webkit-animation:none;
	animation:none
}

.showSweetAlert[data-animation=slide-from-top]
{
	-webkit-animation:slideFromTop .3s;
	animation:slideFromTop .3s
}

.showSweetAlert[data-animation=slide-from-bottom]
{
	-webkit-animation:slideFromBottom .3s;
	animation:slideFromBottom .3s
}

.hideSweetAlert[data-animation=pop]
{
	-webkit-animation:hideSweetAlert .2s;
	animation:hideSweetAlert .2s
}

.hideSweetAlert[data-animation=none]
{
	-webkit-animation:none;
	animation:none
}

.hideSweetAlert[data-animation=slide-from-top]
{
	-webkit-animation:slideToTop .4s;
	animation:slideToTop .4s
}

.hideSweetAlert[data-animation=slide-from-bottom]
{
	-webkit-animation:slideToBottom .3s;
	animation:slideToBottom .3s
}

@-webkit-keyframes animateSuccessTip
{
	0%
{
	width:0;
	left:1px;
	top:19px
}

54%
{
	width:0;
	left:1px;
	top:19px
}

70%
{
	width:50px;
	left:-8px;
	top:37px
}

84%
{
	width:17px;
	left:21px;
	top:48px
}

to
{
	width:25px;
	left:14px;
	top:45px
}


}

@keyframes animateSuccessTip
{
	0%
{
	width:0;
	left:1px;
	top:19px
}

54%
{
	width:0;
	left:1px;
	top:19px
}

70%
{
	width:50px;
	left:-8px;
	top:37px
}

84%
{
	width:17px;
	left:21px;
	top:48px
}

to
{
	width:25px;
	left:14px;
	top:45px
}


}

@-webkit-keyframes animateSuccessLong
{
	0%
{
	width:0;
	right:46px;
	top:54px
}

65%
{
	width:0;
	right:46px;
	top:54px
}

84%
{
	width:55px;
	right:0;
	top:35px
}

to
{
	width:47px;
	right:8px;
	top:38px
}


}

@keyframes animateSuccessLong
{
	0%
{
	width:0;
	right:46px;
	top:54px
}

65%
{
	width:0;
	right:46px;
	top:54px
}

84%
{
	width:55px;
	right:0;
	top:35px
}

to
{
	width:47px;
	right:8px;
	top:38px
}


}

@-webkit-keyframes rotatePlaceholder
{
	0%
{
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg)
}

5%
{
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg)
}

12%
{
	transform:rotate(-405deg);
	-webkit-transform:rotate(-405deg)
}

to
{
	transform:rotate(-405deg);
	-webkit-transform:rotate(-405deg)
}


}

@keyframes rotatePlaceholder
{
	0%
{
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg)
}

5%
{
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg)
}

12%
{
	transform:rotate(-405deg);
	-webkit-transform:rotate(-405deg)
}

to
{
	transform:rotate(-405deg);
	-webkit-transform:rotate(-405deg)
}


}

.animateSuccessTip
{
	-webkit-animation:animateSuccessTip .75s;
	animation:animateSuccessTip .75s
}

.animateSuccessLong
{
	-webkit-animation:animateSuccessLong .75s;
	animation:animateSuccessLong .75s
}

.sa-icon.sa-success.animate:after
{
	-webkit-animation:rotatePlaceholder 4.25s ease-in;
	animation:rotatePlaceholder 4.25s ease-in
}

@-webkit-keyframes animateErrorIcon
{
	0%
{
	transform:rotateX(100deg);
	-webkit-transform:rotateX(100deg);
	opacity:0
}

to
{
	transform:rotateX(0deg);
	-webkit-transform:rotateX(0deg);
	opacity:1
}


}

@keyframes animateErrorIcon
{
	0%
{
	transform:rotateX(100deg);
	-webkit-transform:rotateX(100deg);
	opacity:0
}

to
{
	transform:rotateX(0deg);
	-webkit-transform:rotateX(0deg);
	opacity:1
}


}

.animateErrorIcon
{
	-webkit-animation:animateErrorIcon .5s;
	animation:animateErrorIcon .5s
}

@-webkit-keyframes animateXMark
{
	0%
{
	transform:scale(.4);
	-webkit-transform:scale(.4);
	margin-top:26px;
	opacity:0
}

50%
{
	transform:scale(.4);
	-webkit-transform:scale(.4);
	margin-top:26px;
	opacity:0
}

80%
{
	transform:scale(1.15);
	-webkit-transform:scale(1.15);
	margin-top:-6px
}

to
{
	transform:scale(1);
	-webkit-transform:scale(1);
	margin-top:0;
	opacity:1
}


}

@keyframes animateXMark
{
	0%
{
	transform:scale(.4);
	-webkit-transform:scale(.4);
	margin-top:26px;
	opacity:0
}

50%
{
	transform:scale(.4);
	-webkit-transform:scale(.4);
	margin-top:26px;
	opacity:0
}

80%
{
	transform:scale(1.15);
	-webkit-transform:scale(1.15);
	margin-top:-6px
}

to
{
	transform:scale(1);
	-webkit-transform:scale(1);
	margin-top:0;
	opacity:1
}


}

.animateXMark
{
	-webkit-animation:animateXMark .5s;
	animation:animateXMark .5s
}

@-webkit-keyframes pulseWarning
{
	0%
{
	border-color:#f8d486
}

to
{
	border-color:#f8bb86
}


}

@keyframes pulseWarning
{
	0%
{
	border-color:#f8d486
}

to
{
	border-color:#f8bb86
}


}

.pulseWarning
{
	-webkit-animation:pulseWarning .75s infinite alternate;
	animation:pulseWarning .75s infinite alternate
}

@-webkit-keyframes pulseWarningIns
{
	0%
{
	background-color:#f8d486
}

to
{
	background-color:#f8bb86
}


}

@keyframes pulseWarningIns
{
	0%
{
	background-color:#f8d486
}

to
{
	background-color:#f8bb86
}


}

.pulseWarningIns
{
	-webkit-animation:pulseWarningIns .75s infinite alternate;
	animation:pulseWarningIns .75s infinite alternate
}

@-webkit-keyframes rotate-loading
{
	0%
{
	-webkit-transform:rotate(0deg);
	transform:rotate(0deg)
}

to
{
	-webkit-transform:rotate(1turn);
	transform:rotate(1turn)
}


}

@keyframes rotate-loading
{
	0%
{
	-webkit-transform:rotate(0deg);
	transform:rotate(0deg)
}

to
{
	-webkit-transform:rotate(1turn);
	transform:rotate(1turn)
}


}

.sweet-alert .sa-icon.sa-error .sa-line.sa-left
{
	-ms-transform:rotate(45deg)\9
}

.sweet-alert .sa-icon.sa-error .sa-line.sa-right
{
	-ms-transform:rotate(-45deg)\9
}

.sweet-alert .sa-icon.sa-success
{
	border-color:transparent\9
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-tip
{
	-ms-transform:rotate(45deg)\9
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-long
{
	-ms-transform:rotate(-45deg)\9
}



/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */.la-ball-fall,.la-ball-fall>div
{
	position:relative;
	box-sizing:border-box
}

.la-ball-fall
{
	display:block;
	font-size:0;
	color:#fff
}

.la-ball-fall.la-dark
{
	color:#333
}

.la-ball-fall>div
{
	display:inline-block;
	float:none;
	background-color:currentColor;
	border:0 solid currentColor
}

.la-ball-fall
{
	width:54px;
	height:18px
}

.la-ball-fall>div
{
	width:10px;
	height:10px;
	margin:4px;
	border-radius:100%;
	opacity:0;
	-webkit-animation:ball-fall 1s ease-in-out infinite;
	animation:ball-fall 1s ease-in-out infinite
}

.la-ball-fall>div:first-child
{
	-webkit-animation-delay:-.2s;
	animation-delay:-.2s
}

.la-ball-fall>div:nth-child(2)
{
	-webkit-animation-delay:-.1s;
	animation-delay:-.1s
}

.la-ball-fall>div:nth-child(3)
{
	-webkit-animation-delay:0ms;
	animation-delay:0ms
}

.la-ball-fall.la-sm
{
	width:26px;
	height:8px
}

.la-ball-fall.la-sm>div
{
	width:4px;
	height:4px;
	margin:2px
}

.la-ball-fall.la-2x
{
	width:108px;
	height:36px
}

.la-ball-fall.la-2x>div
{
	width:20px;
	height:20px;
	margin:8px
}

.la-ball-fall.la-3x
{
	width:162px;
	height:54px
}

.la-ball-fall.la-3x>div
{
	width:30px;
	height:30px;
	margin:12px
}

@-webkit-keyframes ball-fall
{
	0%
{
	opacity:0;
	-webkit-transform:translateY(-145%);
	transform:translateY(-145%)
}

10%
{
	opacity:.5
}

20%
{
	opacity:1;
	-webkit-transform:translateY(0);
	transform:translateY(0)
}

80%
{
	opacity:1;
	-webkit-transform:translateY(0);
	transform:translateY(0)
}

90%
{
	opacity:.5
}

to
{
	opacity:0;
	-webkit-transform:translateY(145%);
	transform:translateY(145%)
}


}

@keyframes ball-fall
{
	0%
{
	opacity:0;
	-webkit-transform:translateY(-145%);
	transform:translateY(-145%)
}

10%
{
	opacity:.5
}

20%
{
	opacity:1;
	-webkit-transform:translateY(0);
	transform:translateY(0)
}

80%
{
	opacity:1;
	-webkit-transform:translateY(0);
	transform:translateY(0)
}

90%
{
	opacity:.5
}

to
{
	opacity:0;
	-webkit-transform:translateY(145%);
	transform:translateY(145%)
}


}



/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */.pswp__button
{
	width:44px;
	height:44px;
	position:relative;
	background:none;
	cursor:pointer;
	overflow:visible;
	-webkit-appearance:none;
	display:block;
	border:0;
	padding:0;
	margin:0;
	float:right;
	opacity:.75;
	transition:opacity .2s;
	box-shadow:none
}

.pswp__button:focus,.pswp__button:hover
{
	opacity:1
}

.pswp__button:active
{
	outline:none;
	opacity:.9
}

.pswp__button::-moz-focus-inner
{
	padding:0;
	border:0
}

.pswp__ui--over-close .pswp__button--close
{
	opacity:1
}

.pswp__button,.pswp__button--arrow--left:before,.pswp__button--arrow--right:before
{
	background:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/default-skin.png) 0 0 no-repeat;
	background-size:264px 88px;
	width:44px;
	height:44px
}

@media (-webkit-min-device-pixel-ratio:1.1),(-webkit-min-device-pixel-ratio:1.09375),(min-resolution:1.1dppx),(min-resolution:105dpi)
{
	.pswp--svg .pswp__button,.pswp--svg .pswp__button--arrow--left:before,.pswp--svg .pswp__button--arrow--right:before
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/default-skin.svg)
}

.pswp--svg .pswp__button--arrow--left,.pswp--svg .pswp__button--arrow--right
{
	background:none
}


}

.pswp__button--close
{
	background-position:0 -44px
}

.pswp__button--share
{
	background-position:-44px -44px
}

.pswp__button--fs
{
	display:none
}

.pswp--supports-fs .pswp__button--fs
{
	display:block
}

.pswp--fs .pswp__button--fs
{
	background-position:-44px 0
}

.pswp__button--zoom
{
	display:none;
	background-position:-88px 0
}

.pswp--zoom-allowed .pswp__button--zoom
{
	display:block
}

.pswp--zoomed-in .pswp__button--zoom
{
	background-position:-132px 0
}

.pswp--touch .pswp__button--arrow--left,.pswp--touch .pswp__button--arrow--right
{
	visibility:hidden
}

.pswp__button--arrow--left,.pswp__button--arrow--right
{
	background:none;
	top:50%;
	margin-top:-50px;
	width:70px;
	height:100px;
	position:absolute
}

.pswp__button--arrow--left
{
	left:0
}

.pswp__button--arrow--right
{
	right:0
}

.pswp__button--arrow--left:before,.pswp__button--arrow--right:before
{
	content:"";
	top:35px;
	background-color:rgba(0,0,0,.3);
	height:30px;
	width:32px;
	position:absolute
}

.pswp__button--arrow--left:before
{
	left:6px;
	background-position:-138px -44px
}

.pswp__button--arrow--right:before
{
	right:6px;
	background-position:-94px -44px
}

.pswp__counter,.pswp__share-modal
{
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}

.pswp__share-modal
{
	display:block;
	background:rgba(0,0,0,.5);
	width:100%;
	height:100%;
	top:0;
	left:0;
	padding:10px;
	position:absolute;
	z-index:1600;
	opacity:0;
	transition:opacity .25s ease-out;
	-webkit-backface-visibility:hidden;
	will-change:opacity
}

.pswp__share-modal--hidden
{
	display:none
}

.pswp__share-tooltip
{
	z-index:1620;
	position:absolute;
	background:#fff;
	top:56px;
	border-radius:2px;
	display:block;
	width:auto;
	right:44px;
	box-shadow:0 2px 5px rgba(0,0,0,.25);
	-webkit-transform:translateY(6px);
	transform:translateY(6px);
	transition:-webkit-transform .25s;
	transition:transform .25s;
	transition:transform .25s,-webkit-transform .25s;
	-webkit-backface-visibility:hidden;
	will-change:transform
}

.pswp__share-tooltip a
{
	display:block;
	padding:8px 12px;
	font-size:14px;
	line-height:18px
}

.pswp__share-tooltip a,.pswp__share-tooltip a:hover
{
	color:#000;
	text-decoration:none
}

.pswp__share-tooltip a:first-child
{
	border-radius:2px 2px 0 0
}

.pswp__share-tooltip a:last-child
{
	border-radius:0 0 2px 2px
}

.pswp__share-modal--fade-in
{
	opacity:1
}

.pswp__share-modal--fade-in .pswp__share-tooltip
{
	-webkit-transform:translateY(0);
	transform:translateY(0)
}

.pswp--touch .pswp__share-tooltip a
{
	padding:16px 12px
}

a.pswp__share--facebook:before
{
	content:"";
	display:block;
	width:0;
	height:0;
	position:absolute;
	top:-12px;
	right:15px;
	border:6px solid transparent;
	border-bottom-color:#fff;
	-webkit-pointer-events:none;
	-moz-pointer-events:none;
	pointer-events:none
}

a.pswp__share--facebook:hover
{
	background:#3e5c9a;
	color:#fff
}

a.pswp__share--facebook:hover:before
{
	border-bottom-color:#3e5c9a
}

a.pswp__share--twitter:hover
{
	background:#55acee;
	color:#fff
}

a.pswp__share--pinterest:hover
{
	background:#ccc;
	color:#ce272d
}

a.pswp__share--download:hover
{
	background:#ddd
}

.pswp__counter
{
	position:absolute;
	left:0;
	top:0;
	height:44px;
	font-size:13px;
	line-height:44px;
	color:#fff;
	opacity:.75;
	padding:0 10px
}

.pswp__caption
{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	min-height:44px
}

.pswp__caption small
{
	font-size:11px;
	color:#bbb
}

.pswp__caption__center
{
	text-align:left;
	max-width:420px;
	margin:0 auto;
	font-size:13px;
	padding:10px;
	line-height:20px;
	color:#ccc
}

.pswp__caption--empty
{
	display:none
}

.pswp__caption--fake
{
	visibility:hidden
}

.pswp__preloader
{
	width:44px;
	height:44px;
	position:absolute;
	top:0;
	left:50%;
	margin-left:-22px;
	opacity:0;
	transition:opacity .25s ease-out;
	will-change:opacity;
	direction:ltr
}

.pswp__preloader__icn
{
	width:20px;
	height:20px;
	margin:12px
}

.pswp__preloader--active
{
	opacity:1
}

.pswp__preloader--active .pswp__preloader__icn
{
	background:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/preloader.gif) 0 0 no-repeat
}

.pswp--css_animation .pswp__preloader--active
{
	opacity:1
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn
{
	-webkit-animation:clockwise .5s linear infinite;
	animation:clockwise .5s linear infinite
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut
{
	-webkit-animation:donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite;
	animation:donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite
}

.pswp--css_animation .pswp__preloader__icn
{
	background:none;
	opacity:.75;
	width:14px;
	height:14px;
	position:absolute;
	left:15px;
	top:15px;
	margin:0
}

.pswp--css_animation .pswp__preloader__cut
{
	position:relative;
	width:7px;
	height:14px;
	overflow:hidden
}

.pswp--css_animation .pswp__preloader__donut
{
	box-sizing:border-box;
	width:14px;
	height:14px;
	border:2px solid #fff;
	border-radius:50%;
	border-left-color:transparent;
	border-bottom-color:transparent;
	position:absolute;
	top:0;
	left:0;
	background:none;
	margin:0
}

@media screen and (max-width:1024px)
{
	.pswp__preloader
{
	position:relative;
	left:auto;
	top:auto;
	margin:0;
	float:right
}


}

@-webkit-keyframes clockwise
{
	0%
{
	-webkit-transform:rotate(0deg);
	transform:rotate(0deg)
}

to
{
	-webkit-transform:rotate(1turn);
	transform:rotate(1turn)
}


}

@keyframes clockwise
{
	0%
{
	-webkit-transform:rotate(0deg);
	transform:rotate(0deg)
}

to
{
	-webkit-transform:rotate(1turn);
	transform:rotate(1turn)
}


}

@-webkit-keyframes donut-rotate
{
	0%
{
	-webkit-transform:rotate(0);
	transform:rotate(0)
}

50%
{
	-webkit-transform:rotate(-140deg);
	transform:rotate(-140deg)
}

to
{
	-webkit-transform:rotate(0);
	transform:rotate(0)
}


}

@keyframes donut-rotate
{
	0%
{
	-webkit-transform:rotate(0);
	transform:rotate(0)
}

50%
{
	-webkit-transform:rotate(-140deg);
	transform:rotate(-140deg)
}

to
{
	-webkit-transform:rotate(0);
	transform:rotate(0)
}


}

.pswp__ui
{
	-webkit-font-smoothing:auto;
	visibility:visible;
	opacity:1;
	z-index:1550
}

.pswp__top-bar
{
	position:absolute;
	left:0;
	top:0;
	height:44px;
	width:100%
}

.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right,.pswp__caption,.pswp__top-bar
{
	-webkit-backface-visibility:hidden;
	will-change:opacity;
	transition:opacity 333ms cubic-bezier(.4,0,.22,1)
}

.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right
{
	visibility:visible
}

.pswp__caption,.pswp__top-bar
{
	background-color:rgba(0,0,0,.5)
}

.pswp__ui--fit .pswp__caption,.pswp__ui--fit .pswp__top-bar
{
	background-color:rgba(0,0,0,.3)
}

.pswp__ui--idle .pswp__button--arrow--left,.pswp__ui--idle .pswp__button--arrow--right,.pswp__ui--idle .pswp__top-bar
{
	opacity:0
}

.pswp__ui--hidden .pswp__button--arrow--left,.pswp__ui--hidden .pswp__button--arrow--right,.pswp__ui--hidden .pswp__caption,.pswp__ui--hidden .pswp__top-bar
{
	opacity:.001
}

.pswp__ui--one-slide .pswp__button--arrow--left,.pswp__ui--one-slide .pswp__button--arrow--right,.pswp__ui--one-slide .pswp__counter
{
	display:none
}

.pswp__element--disabled
{
	display:none!important
}

.pswp--minimal--dark .pswp__top-bar
{
	background:none
}



/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */.pswp
{
	display:none;
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	overflow:hidden;
	-ms-touch-action:none;
	touch-action:none;
	z-index:1500;
	-webkit-text-size-adjust:100%;
	-webkit-backface-visibility:hidden;
	outline:none
}

.pswp *
{
	box-sizing:border-box
}

.pswp img
{
	max-width:none
}

.pswp--animate_opacity
{
	opacity:.001;
	will-change:opacity;
	transition:opacity 333ms cubic-bezier(.4,0,.22,1)
}

.pswp--open
{
	display:block
}

.pswp--zoom-allowed .pswp__img
{
	cursor:zoom-in
}

.pswp--zoomed-in .pswp__img
{
	cursor:-webkit-grab;
	cursor:grab
}

.pswp--dragging .pswp__img
{
	cursor:-webkit-grabbing;
	cursor:grabbing
}

.pswp__bg
{
	background:#000;
	opacity:0;
	-webkit-backface-visibility:hidden
}

.pswp__bg,.pswp__scroll-wrap
{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%
}

.pswp__scroll-wrap
{
	overflow:hidden
}

.pswp__container,.pswp__zoom-wrap
{
	-ms-touch-action:none;
	touch-action:none;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0
}

.pswp__container,.pswp__img
{
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-tap-highlight-color:transparent;
	-webkit-touch-callout:none
}

.pswp__zoom-wrap
{
	position:absolute;
	width:100%;
	-webkit-transform-origin:left top;
	transform-origin:left top;
	transition:-webkit-transform 333ms cubic-bezier(.4,0,.22,1);
	transition:transform 333ms cubic-bezier(.4,0,.22,1);
	transition:transform 333ms cubic-bezier(.4,0,.22,1),-webkit-transform 333ms cubic-bezier(.4,0,.22,1)
}

.pswp__bg
{
	will-change:opacity;
	transition:opacity 333ms cubic-bezier(.4,0,.22,1)
}

.pswp--animated-in .pswp__bg,.pswp--animated-in .pswp__zoom-wrap
{
	transition:none
}

.pswp__container,.pswp__zoom-wrap
{
	-webkit-backface-visibility:hidden;
	will-change:transform
}

.pswp__item
{
	right:0;
	bottom:0;
	overflow:hidden
}

.pswp__img,.pswp__item
{
	position:absolute;
	left:0;
	top:0
}

.pswp__img
{
	width:auto;
	height:auto
}

.pswp__img--placeholder
{
	-webkit-backface-visibility:hidden
}

.pswp__img--placeholder--blank
{
	background:#222
}

.pswp--ie .pswp__img
{
	width:100%!important;
	height:auto!important;
	left:0;
	top:0
}

.pswp__error-msg
{
	position:absolute;
	left:0;
	top:50%;
	width:100%;
	text-align:center;
	font-size:14px;
	line-height:16px;
	margin-top:-8px;
	color:#ccc
}

.pswp__error-msg a
{
	color:#ccc;
	text-decoration:underline
}

.Select
{
	position:relative
}

.Select,.Select div,.Select input,.Select span
{
	box-sizing:border-box
}

.Select.is-disabled>.Select-control
{
	background-color:#f9f9f9
}

.Select.is-disabled>.Select-control:hover
{
	box-shadow:none
}

.Select.is-disabled .Select-arrow-zone
{
	cursor:default;
	pointer-events:none;
	opacity:.35
}

.Select-control
{
	cursor:default;
	display:table;
	border-spacing:0;
	border-collapse:separate;
	height:36px;
	outline:none;
	overflow:hidden;
	position:relative;
	width:100%;
	margin-top:8px
}

.Select-control,.Select-control:hover
{
	box-shadow:0 1px 0 rgba(0,0,0,.06)
}

.Select-control .Select-input:focus
{
	outline:none
}

.is-searchable.is-open>.Select-control
{
	cursor:text
}

.is-open>.Select-control
{
	border-bottom-right-radius:0;
	border-bottom-left-radius:0;
	background:#fff;
	border-color:#b3b3b3 #ccc #d9d9d9
}

.is-open>.Select-control>.Select-arrow
{
	border-color:transparent transparent #999;
	border-width:0 5px 5px
}

.is-searchable.is-focused:not(.is-open)>.Select-control
{
	cursor:text
}

.is-focused:not(.is-open)>.Select-control
{
	border-color:#007eff
}

.Select-placeholder:hover
{
	cursor:text
}

.Select--single>.Select-control .Select-value,.Select-placeholder
{
	bottom:0;
	color:#aaa;
	left:0;
	line-height:34px;
	padding-right:10px;
	position:absolute;
	right:0;
	top:0;
	max-width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}

.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value .Select-value-label,.has-value.Select--single>.Select-control .Select-value .Select-value-label
{
	color:#333
}

.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value a.Select-value-label,.has-value.Select--single>.Select-control .Select-value a.Select-value-label
{
	cursor:pointer;
	text-decoration:none
}

.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value a.Select-value-label:focus,.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value a.Select-value-label:hover,.has-value.Select--single>.Select-control .Select-value a.Select-value-label:focus,.has-value.Select--single>.Select-control .Select-value a.Select-value-label:hover
{
	color:#007eff;
	outline:none;
	text-decoration:underline
}

.Select-input
{
	height:34px;
	padding-right:10px;
	vertical-align:middle
}

.Select-input>input
{
	width:100%;
	background:none transparent;
	border:0 none;
	box-shadow:none;
	cursor:default;
	display:inline-block;
	font-family:inherit;
	font-size:inherit;
	margin:0;
	outline:none;
	line-height:14px;
	padding:8px 0 12px;
	-webkit-appearance:none
}

.is-focused .Select-input>input
{
	cursor:text;
	outline:none
}

.has-value.is-pseudo-focused .Select-input
{
	opacity:0
}

.Select-control:not(.is-searchable)>.Select-input
{
	outline:none
}

.Select-loading-zone
{
	cursor:pointer;
	display:table-cell;
	text-align:center
}

.Select-loading,.Select-loading-zone
{
	position:relative;
	vertical-align:middle;
	width:16px
}

.Select-loading
{
	-webkit-animation:Select-animation-spin .4s infinite linear;
	animation:Select-animation-spin .4s infinite linear;
	height:16px;
	box-sizing:border-box;
	border-radius:50%;
	border:2px solid #ccc;
	border-right-color:#333;
	display:inline-block
}

.Select-clear-zone
{
	-webkit-animation:Select-animation-fadeIn .2s;
	animation:Select-animation-fadeIn .2s;
	color:#999;
	cursor:pointer;
	display:table-cell;
	position:relative;
	text-align:center;
	vertical-align:middle;
	width:17px
}

.Select-clear-zone:hover
{
	color:#d0021b
}

.Select-clear
{
	display:inline-block;
	font-size:18px;
	line-height:1
}

.Select--multi .Select-clear-zone
{
	width:17px
}

.Select-arrow-zone
{
	cursor:pointer;
	display:table-cell;
	position:relative;
	text-align:center;
	vertical-align:middle;
	width:25px;
	padding-right:5px;
	display:none
}

.Select-arrow
{
	border-color:#999 transparent transparent;
	border-style:solid;
	border-width:5px 5px 2.5px;
	display:inline-block;
	height:0;
	width:0
}

.is-open .Select-arrow,.Select-arrow-zone:hover>.Select-arrow
{
	border-top-color:#666
}

.Select--multi .Select-multi-value-wrapper
{
	display:inline-block
}

.Select .Select-aria-only
{
	display:inline-block;
	height:1px;
	width:1px;
	margin:-1px;
	clip:rect(0,0,0,0);
	overflow:hidden
}

@-webkit-keyframes Select-animation-fadeIn
{
	0%
{
	opacity:0
}

to
{
	opacity:1
}


}

@keyframes Select-animation-fadeIn
{
	0%
{
	opacity:0
}

to
{
	opacity:1
}


}

.Select-menu-outer
{
	background-color:#fff;
	border:1px solid #ccc;
	border-top-color:#e6e6e6;
	box-sizing:border-box;
	max-height:200px;
	position:absolute;
	top:100%;
	width:940px;
	z-index:1;
	margin-top:0;
	margin-left:-16px;
	-webkit-overflow-scrolling:touch
}

.Select-menu
{
	max-height:198px;
	overflow-y:auto
}

.Select-option
{
	box-sizing:border-box;
	background-color:#fff;
	color:#464646;
	cursor:pointer;
	display:block;
	padding:8px 10px
}

.Select-option:last-child
{
	border-bottom-right-radius:4px;
	border-bottom-left-radius:4px
}

.Select-option.is-selected
{
	background-color:#f5faff;
	background-color:rgba(0,126,255,.04);
	color:#333
}

.Select-option.is-focused
{
	background-color:#ebf5ff;
	background-color:rgba(0,126,255,.08);
	color:#333;
	outline:none
}

.Select-option.is-disabled
{
	color:#ccc;
	cursor:default
}

.Select-noresults
{
	box-sizing:border-box;
	color:#999;
	cursor:default;
	display:block;
	padding:8px 10px
}

.Select--multi .Select-input
{
	vertical-align:middle;
	margin-left:10px;
	padding:0
}

.Select--multi.has-value .Select-input
{
	margin-left:5px
}

.Select--multi .Select-value
{
	background-color:#ebf5ff;
	background-color:rgba(0,126,255,.08);
	border-radius:2px;
	border:1px solid #c2e0ff;
	border:1px solid rgba(0,126,255,.24);
	color:#007eff;
	display:inline-block;
	line-height:1.4;
	margin-left:5px;
	margin-top:5px;
	vertical-align:top
}

.Select--multi .Select-value-icon,.Select--multi .Select-value-label
{
	display:inline-block;
	vertical-align:middle
}

.Select--multi .Select-value-label
{
	border-bottom-right-radius:2px;
	border-top-right-radius:2px;
	cursor:default;
	padding:2px 5px
}

.Select--multi a.Select-value-label
{
	color:#007eff;
	cursor:pointer;
	text-decoration:none
}

.Select--multi a.Select-value-label:hover
{
	text-decoration:underline
}

.Select--multi .Select-value-icon
{
	cursor:pointer;
	border-bottom-left-radius:2px;
	border-top-left-radius:2px;
	border-right:1px solid #c2e0ff;
	border-right:1px solid rgba(0,126,255,.24);
	padding:1px 5px 3px
}

.Select--multi .Select-value-icon:focus,.Select--multi .Select-value-icon:hover
{
	background-color:#d8eafd;
	background-color:rgba(0,113,230,.08);
	color:#0071e6;
	outline:none
}

.Select--multi .Select-value-icon:active
{
	background-color:#c2e0ff;
	background-color:rgba(0,126,255,.24)
}

.Select--multi.is-disabled .Select-value
{
	background-color:#fcfcfc;
	border:1px solid #e3e3e3;
	color:#333
}

.Select--multi.is-disabled .Select-value-icon
{
	cursor:not-allowed;
	border-right:1px solid #e3e3e3
}

.Select--multi.is-disabled .Select-value-icon:active,.Select--multi.is-disabled .Select-value-icon:focus,.Select--multi.is-disabled .Select-value-icon:hover
{
	background-color:#fcfcfc
}

@keyframes Select-animation-spin
{
	to
{
	-webkit-transform:rotate(1turn);
	transform:rotate(1turn)
}


}

@-webkit-keyframes Select-animation-spin
{
	to
{
	-webkit-transform:rotate(1turn)
}


}

.CalendarDay
{
	border:1px solid #e4e7e7;
	color:#565a5c
}

.CalendarDay,.CalendarDay__button
{
	padding:0;
	box-sizing:border-box;
	cursor:pointer
}

.CalendarDay__button
{
	position:relative;
	height:100%;
	width:100%;
	text-align:center;
	background:none;
	border:0;
	margin:0;
	color:inherit;
	font:inherit;
	line-height:normal;
	overflow:visible
}

.CalendarDay__button:active
{
	background:#f2f2f2;
	outline:0
}

.CalendarDay--highlighted-calendar
{
	background:#ffe8bc;
	color:#565a5c;
	cursor:default
}

.CalendarDay--highlighted-calendar:active
{
	background:#007a87
}

.CalendarDay--outside
{
	border:0;
	cursor:default
}

.CalendarDay--outside:active
{
	background:#fff
}

.CalendarDay--hovered
{
	background:#e4e7e7;
	border:1px double #d4d9d9;
	color:inherit
}

.CalendarDay--blocked-minimum-nights
{
	color:#cacccd;
	background:#fff;
	border:1px solid #e4e7e7;
	cursor:default
}

.CalendarDay--blocked-minimum-nights:active
{
	background:#fff
}

.CalendarDay--selected-span
{
	background:#66e2da;
	border:1px double #33dacd;
	color:#fff
}

.CalendarDay--selected-span.CalendarDay--hovered,.CalendarDay--selected-span:active
{
	background:#33dacd;
	border:1px double #00a699
}

.CalendarDay--selected-span.CalendarDay--last-in-range
{
	border-right:#00a699
}

.CalendarDay--after-hovered-start,.CalendarDay--hovered-span
{
	background:#b2f1ec;
	border:1px double #80e8e0;
	color:#007a87
}

.CalendarDay--selected,.CalendarDay--selected-end,.CalendarDay--selected-start
{
	background:#00a699;
	border:1px double #00a699;
	color:#fff
}

.CalendarDay--selected-end:active,.CalendarDay--selected-start:active,.CalendarDay--selected:active
{
	background:#00a699
}

.CalendarDay--blocked-calendar
{
	background:#cacccd;
	color:#82888a;
	cursor:default
}

.CalendarDay--blocked-calendar:active
{
	background:#cacccd
}

.CalendarDay--blocked-out-of-range
{
	color:#cacccd;
	background:#fff;
	border:1px solid #e4e7e7;
	cursor:default
}

.CalendarDay--blocked-out-of-range:active
{
	background:#fff
}

.CalendarMonth
{
	text-align:center;
	padding:0 13px;
	vertical-align:top;
	-moz-user-select:none;
	-webkit-user-select:none;
	-ms-user-select:none;
	user-select:none
}

.CalendarMonth:first-of-type
{
	position:absolute;
	z-index:-1;
	opacity:0;
	pointer-events:none
}

.CalendarMonth table
{
	border-collapse:collapse;
	border-spacing:0;
	caption-caption-side:initial
}

.CalendarMonth--horizontal
{
	display:inline-block;
	min-height:100%
}

.CalendarMonth--vertical
{
	display:block
}

.CalendarMonth__caption
{
	color:#3c3f40;
	margin-top:7px;
	font-size:18px;
	text-align:center;
	margin-bottom:2px;
	caption-side:top
}

.CalendarMonth--horizontal .CalendarMonth__caption,.CalendarMonth--vertical .CalendarMonth__caption
{
	padding:15px 0 35px
}

.CalendarMonth--vertical-scrollable .CalendarMonth__caption
{
	padding:5px 0
}

.CalendarMonthGrid
{
	background:#fff;
	z-index:0;
	text-align:left
}

.CalendarMonthGrid--animating
{
	transition:-webkit-transform .2s ease-in-out;
	transition:transform .2s ease-in-out;
	transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out;
	z-index:1
}

.CalendarMonthGrid--horizontal
{
	position:absolute;
	left:9px
}

.CalendarMonthGrid--vertical
{
	margin:0 auto
}

.CalendarMonthGrid--vertical-scrollable
{
	margin:0 auto;
	overflow-y:scroll
}

.DayPicker
{
	background:#fff;
	position:relative;
	text-align:left
}

.DayPicker--horizontal
{
	background:#fff;
	box-shadow:0 2px 6px rgba(0,0,0,.05),0 0 0 1px rgba(0,0,0,.07);
	border-radius:3px
}

.DayPicker--horizontal.DayPicker--portal
{
	box-shadow:none;
	position:absolute;
	left:50%;
	top:50%
}

.DayPicker--vertical.DayPicker--portal
{
	position:static
}

.DayPicker__focus-region
{
	outline:none
}

.DayPicker__week-headers
{
	position:relative
}

.DayPicker--horizontal .DayPicker__week-headers
{
	margin-left:9px
}

.DayPicker__week-header
{
	color:#757575;
	position:absolute;
	top:62px;
	z-index:2;
	padding:0 13px;
	text-align:left
}

.DayPicker__week-header ul
{
	list-style:none;
	margin:1px 0;
	padding-left:0;
	padding-right:0
}

.DayPicker__week-header li
{
	display:inline-block;
	text-align:center
}

.DayPicker--vertical .DayPicker__week-header
{
	left:50%
}

.DayPicker--vertical-scrollable
{
	height:100%
}

.DayPicker--vertical-scrollable .DayPicker__week-header
{
	top:0;
	display:table-row;
	border-bottom:1px solid #dbdbdb;
	background:#fff
}

.DayPicker--vertical-scrollable .transition-container--vertical
{
	padding-top:20px;
	height:100%;
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
	overflow-y:scroll
}

.DayPicker--vertical-scrollable .DayPicker__week-header
{
	margin-left:0;
	left:0;
	width:100%;
	text-align:center
}

.transition-container
{
	position:relative;
	overflow:hidden;
	border-radius:3px
}

.transition-container--horizontal
{
	transition:height .2s ease-in-out
}

.transition-container--vertical
{
	width:100%
}

.DayPickerNavigation__next,.DayPickerNavigation__prev
{
	cursor:pointer;
	line-height:.78;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}

.DayPickerNavigation__next--default,.DayPickerNavigation__prev--default
{
	border:1px solid #dce0e0;
	background-color:#fff;
	color:#757575
}

.DayPickerNavigation__next--default:focus,.DayPickerNavigation__next--default:hover,.DayPickerNavigation__prev--default:focus,.DayPickerNavigation__prev--default:hover
{
	border:1px solid #c4c4c4
}

.DayPickerNavigation__next--default:active,.DayPickerNavigation__prev--default:active
{
	background:#f2f2f2
}

.DayPickerNavigation--horizontal
{
	position:relative
}

.DayPickerNavigation--horizontal .DayPickerNavigation__next,.DayPickerNavigation--horizontal .DayPickerNavigation__prev
{
	border-radius:3px;
	padding:6px 9px;
	top:18px;
	z-index:2;
	position:absolute
}

.DayPickerNavigation--horizontal .DayPickerNavigation__prev
{
	left:22px
}

.DayPickerNavigation--horizontal .DayPickerNavigation__prev--rtl
{
	left:auto;
	right:22px
}

.DayPickerNavigation--horizontal .DayPickerNavigation__next
{
	right:22px
}

.DayPickerNavigation--horizontal .DayPickerNavigation__next--rtl
{
	right:auto;
	left:22px
}

.DayPickerNavigation--horizontal .DayPickerNavigation__next--default svg,.DayPickerNavigation--horizontal .DayPickerNavigation__prev--default svg
{
	height:19px;
	width:19px;
	fill:#82888a
}

.DayPickerNavigation--vertical
{
	background:#fff;
	box-shadow:0 0 5px 2px rgba(0,0,0,.1);
	position:absolute;
	bottom:0;
	left:0;
	height:52px;
	width:100%;
	z-index:2
}

.DayPickerNavigation--vertical .DayPickerNavigation__next,.DayPickerNavigation--vertical .DayPickerNavigation__prev
{
	display:inline-block;
	position:relative;
	height:100%;
	width:50%
}

.DayPickerNavigation--vertical .DayPickerNavigation__next--default
{
	border-left:0
}

.DayPickerNavigation--vertical .DayPickerNavigation__next--default,.DayPickerNavigation--vertical .DayPickerNavigation__prev--default
{
	text-align:center;
	font-size:2.5em;
	padding:5px
}

.DayPickerNavigation--vertical .DayPickerNavigation__next--default svg,.DayPickerNavigation--vertical .DayPickerNavigation__prev--default svg
{
	height:42px;
	width:42px;
	fill:#484848
}

.DayPickerNavigation--vertical-scrollable
{
	position:relative
}

.DayPickerNavigation--vertical-scrollable .DayPickerNavigation__next
{
	width:100%
}

.DayPickerKeyboardShortcuts__close,.DayPickerKeyboardShortcuts__show
{
	background:none;
	border:0;
	color:inherit;
	font:inherit;
	line-height:normal;
	overflow:visible;
	padding:0;
	cursor:pointer
}

.DayPickerKeyboardShortcuts__close:active,.DayPickerKeyboardShortcuts__show:active
{
	outline:none
}

.DayPickerKeyboardShortcuts__show
{
	width:22px;
	position:absolute;
	z-index:2
}

.DayPickerKeyboardShortcuts__show--bottom-right
{
	border-top:26px solid transparent;
	border-right:33px solid #00a699;
	bottom:0;
	right:0
}

.DayPickerKeyboardShortcuts__show--bottom-right:hover
{
	border-right:33px solid #008489
}

.DayPickerKeyboardShortcuts__show--bottom-right .DayPickerKeyboardShortcuts__show_span
{
	bottom:0;
	right:-28px
}

.DayPickerKeyboardShortcuts__show--top-right
{
	border-bottom:26px solid transparent;
	border-right:33px solid #00a699;
	top:0;
	right:0
}

.DayPickerKeyboardShortcuts__show--top-right:hover
{
	border-right:33px solid #008489
}

.DayPickerKeyboardShortcuts__show--top-right .DayPickerKeyboardShortcuts__show_span
{
	top:1px;
	right:-28px
}

.DayPickerKeyboardShortcuts__show--top-left
{
	border-bottom:26px solid transparent;
	border-left:33px solid #00a699;
	top:0;
	left:0
}

.DayPickerKeyboardShortcuts__show--top-left:hover
{
	border-left:33px solid #008489
}

.DayPickerKeyboardShortcuts__show--top-left .DayPickerKeyboardShortcuts__show_span
{
	top:1px;
	left:-28px
}

.DayPickerKeyboardShortcuts__show_span
{
	color:#fff;
	position:absolute
}

.DayPickerKeyboardShortcuts__panel
{
	overflow:auto;
	background:#fff;
	border:1px solid #dbdbdb;
	border-radius:2px;
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
	z-index:2;
	padding:22px;
	margin:33px
}

.DayPickerKeyboardShortcuts__title
{
	font-size:16px;
	font-weight:700;
	margin:0
}

.DayPickerKeyboardShortcuts__list
{
	list-style:none;
	padding:0
}

.DayPickerKeyboardShortcuts__close
{
	position:absolute;
	right:22px;
	top:22px;
	z-index:2
}

.DayPickerKeyboardShortcuts__close svg
{
	height:15px;
	width:15px;
	fill:#cacccd
}

.DayPickerKeyboardShortcuts__close svg:focus,.DayPickerKeyboardShortcuts__close svg:hover
{
	fill:#82888a
}

.DayPickerKeyboardShortcuts__close:active
{
	outline:none
}

.KeyboardShortcutRow
{
	margin:6px 0
}

.KeyboardShortcutRow__key-container
{
	display:inline-block;
	white-space:nowrap;
	text-align:right;
	margin-right:6px
}

.KeyboardShortcutRow__key
{
	font-family:monospace;
	font-size:12px;
	text-transform:uppercase;
	background:#f2f2f2;
	padding:2px 6px
}

.KeyboardShortcutRow__action
{
	display:inline;
	word-break:break-word;
	margin-left:8px
}

.DayPickerKeyboardShortcuts__panel--block .KeyboardShortcutRow
{
	margin-bottom:16px
}

.DayPickerKeyboardShortcuts__panel--block .KeyboardShortcutRow__key-container
{
	width:auto;
	text-align:left;
	display:inline
}

.DayPickerKeyboardShortcuts__panel--block .KeyboardShortcutRow__action
{
	display:inline
}

.DateInput
{
	font-weight:200;
	font-size:18px;
	line-height:24px;
	color:#757575;
	margin:0;
	padding:8px;
	background:#fff;
	position:relative;
	display:inline-block;
	width:130px;
	vertical-align:middle
}

.DateInput--with-caret:after,.DateInput--with-caret:before
{
	content:"";
	display:inline-block;
	position:absolute;
	bottom:auto;
	border:10px solid transparent;
	border-top:0;
	left:22px;
	z-index:2
}

.DateInput--with-caret:before
{
	top:62px;
	border-bottom-color:rgba(0,0,0,.1)
}

.DateInput--with-caret:after
{
	top:63px;
	border-bottom-color:#fff
}

.DateInput--disabled
{
	background:#cacccd
}

.DateInput__input
{
	opacity:0;
	position:absolute;
	top:0;
	left:0;
	border:0;
	height:100%;
	width:100%
}

.DateInput__input[readonly]
{
	-moz-user-select:none;
	-webkit-user-select:none;
	-ms-user-select:none;
	user-select:none
}

.DateInput__display-text
{
	padding:4px 8px;
	white-space:nowrap;
	overflow:hidden
}

.DateInput__display-text--has-input
{
	color:#484848
}

.DateInput__display-text--focused
{
	background:#99ede6;
	border-color:#99ede6;
	border-radius:3px;
	color:#007a87
}

.DateInput__display-text--disabled
{
	font-style:italic
}

.screen-reader-only
{
	border:0;
	clip:rect(0,0,0,0);
	height:1px;
	margin:-1px;
	overflow:hidden;
	padding:0;
	position:absolute;
	width:1px
}

.DateRangePicker
{
	position:relative;
	display:inline-block
}

.DateRangePicker__picker
{
	z-index:1;
	background-color:#fff;
	position:absolute;
	top:72px
}

.DateRangePicker__picker--rtl
{
	direction:rtl
}

.DateRangePicker__picker--direction-left
{
	left:0
}

.DateRangePicker__picker--direction-right
{
	right:0
}

.DateRangePicker__picker--portal
{
	background-color:rgba(0,0,0,.3);
	position:fixed;
	top:0;
	left:0;
	height:100%;
	width:100%
}

.DateRangePicker__picker--full-screen-portal
{
	background-color:#fff
}

.DateRangePicker__close
{
	background:none;
	border:0;
	color:inherit;
	font:inherit;
	line-height:normal;
	overflow:visible;
	padding:0;
	cursor:pointer;
	position:absolute;
	top:0;
	right:0;
	padding:15px;
	z-index:2
}

.DateRangePicker__close svg
{
	height:15px;
	width:15px;
	fill:#cacccd
}

.DateRangePicker__close:focus,.DateRangePicker__close:hover
{
	color:#b0b3b4;
	text-decoration:none
}

.DateRangePickerInput
{
	background-color:#fff;
	border:1px solid #cacccd;
	display:inline-block
}

.DateRangePickerInput--disabled
{
	background:#cacccd
}

.DateRangePickerInput--rtl
{
	direction:rtl
}

.DateRangePickerInput__arrow
{
	display:inline-block;
	vertical-align:middle
}

.DateRangePickerInput__arrow svg
{
	vertical-align:middle;
	fill:#484848;
	height:24px;
	width:24px
}

.DateRangePickerInput__clear-dates
{
	background:none;
	border:0;
	color:inherit;
	font:inherit;
	line-height:normal;
	overflow:visible;
	cursor:pointer;
	display:inline-block;
	vertical-align:middle;
	padding:10px;
	margin:0 10px 0 5px
}

.DateRangePickerInput__clear-dates svg
{
	fill:#82888a;
	height:12px;
	width:15px;
	vertical-align:middle
}

.DateRangePickerInput__clear-dates--hide
{
	visibility:hidden
}

.DateRangePickerInput__clear-dates--hover,.DateRangePickerInput__clear-dates:focus
{
	background:#dbdbdb;
	border-radius:50%
}

.DateRangePickerInput__calendar-icon
{
	background:none;
	border:0;
	color:inherit;
	font:inherit;
	line-height:normal;
	overflow:visible;
	cursor:pointer;
	display:inline-block;
	vertical-align:middle;
	padding:10px;
	margin:0 5px 0 10px
}

.DateRangePickerInput__calendar-icon svg
{
	fill:#82888a;
	height:15px;
	width:14px;
	vertical-align:middle
}

.SingleDatePicker
{
	position:relative;
	display:inline-block
}

.SingleDatePicker__picker
{
	z-index:1;
	background-color:#fff;
	position:absolute;
	top:72px
}

.SingleDatePicker__picker--rtl
{
	direction:rtl
}

.SingleDatePicker__picker--direction-left
{
	left:0
}

.SingleDatePicker__picker--direction-right
{
	right:0
}

.SingleDatePicker__picker--portal
{
	background-color:rgba(0,0,0,.3);
	position:fixed;
	top:0;
	left:0;
	height:100%;
	width:100%
}

.SingleDatePicker__picker--full-screen-portal
{
	background-color:#fff
}

.SingleDatePicker__close
{
	background:none;
	border:0;
	color:inherit;
	font:inherit;
	line-height:normal;
	overflow:visible;
	padding:0;
	cursor:pointer;
	position:absolute;
	top:0;
	right:0;
	padding:15px;
	z-index:2
}

.SingleDatePicker__close svg
{
	height:15px;
	width:15px;
	fill:#cacccd
}

.SingleDatePicker__close:focus,.SingleDatePicker__close:hover
{
	color:#b0b3b4;
	text-decoration:none
}

.SingleDatePickerInput
{
	background-color:#fff;
	border:1px solid #dbdbdb
}

.SingleDatePickerInput--rtl
{
	direction:rtl
}

.SingleDatePickerInput__clear-date
{
	background:none;
	border:0;
	color:inherit;
	font:inherit;
	line-height:normal;
	overflow:visible;
	cursor:pointer;
	display:inline-block;
	vertical-align:middle;
	padding:10px;
	margin:0 10px 0 5px
}

.SingleDatePickerInput__clear-date svg
{
	fill:#82888a;
	height:12px;
	width:15px;
	vertical-align:middle
}

.SingleDatePickerInput__clear-date--hide
{
	visibility:hidden
}

.SingleDatePickerInput__clear-date--hover,.SingleDatePickerInput__clear-date:focus
{
	background:#dbdbdb;
	border-radius:50%
}

meta.foundation-version
{
	font-family:\/
{
	
{
	VERSION
}


}

/
}

meta.foundation-mq-small
{
	font-family:"/only screen/";
	width:0
}

meta.foundation-mq-medium
{
	font-family:"/only screen and (min-width:40.063em)/";
	width:40.063em
}

meta.foundation-mq-large
{
	font-family:"/only screen and (min-width:64.063em)/";
	width:64.063em
}

meta.foundation-mq-xlarge
{
	font-family:"/only screen and (min-width:90.063em)/";
	width:90.063em
}

meta.foundation-mq-xxlarge
{
	font-family:"/only screen and (min-width:120.063em)/";
	width:120.063em
}

meta.foundation-data-attribute-namespace
{
	font-family:false
}

body,html
{
	height:100%
}

*,:after,:before
{
	box-sizing:border-box;
}

body,html
{
	font-size:100%
}

body
{
	background:#fff;
	color:#222;
	padding:0;
	margin:0;
	font-family:Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;
	font-weight:400;
	font-style:normal;
	line-height:1.5;
	position:relative;
	cursor:auto
}

a:hover
{
	cursor:pointer
}

img
{
	max-width:100%;
	-ms-interpolation-mode:bicubic
}

#map_canvas embed,#map_canvas img,#map_canvas object,.map_canvas embed,.map_canvas img,.map_canvas object
{
	max-width:none!important
}

.left
{
	float:left!important
}

.right
{
	float:right!important
}

.clearfix:after,.clearfix:before
{
	content:" ";
	display:table
}

.clearfix:after
{
	clear:both
}

.hide
{
	display:none!important
}

.hide,.invisible
{
	visibility:hidden
}

.antialiased
{
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}

img
{
	display:inline-block;
	vertical-align:middle
}

textarea
{
	height:auto;
	min-height:50px
}

select
{
	width:100%
}

@media only screen
{
	.hide-for-large,.hide-for-large-only,.hide-for-large-up,.hide-for-medium,.hide-for-medium-only,.hide-for-medium-up,.hide-for-xlarge,.hide-for-xlarge-only,.hide-for-xlarge-up,.hide-for-xxlarge,.hide-for-xxlarge-only,.hide-for-xxlarge-up,.show-for-large-down,.show-for-medium-down,.show-for-small,.show-for-small-down,.show-for-small-only,.show-for-small-up,.show-for-xlarge-down,.show-for-xxlarge-down
{
	display:inherit!important
}

.hide-for-large-down,.hide-for-medium-down,.hide-for-small,.hide-for-small-down,.hide-for-small-only,.hide-for-small-up,.hide-for-xlarge-down,.hide-for-xxlarge-down,.show-for-large,.show-for-large-only,.show-for-large-up,.show-for-medium,.show-for-medium-only,.show-for-medium-up,.show-for-xlarge,.show-for-xlarge-only,.show-for-xlarge-up,.show-for-xxlarge,.show-for-xxlarge-only,.show-for-xxlarge-up
{
	display:none!important
}

.hidden-for-large,.hidden-for-large-only,.hidden-for-large-up,.hidden-for-medium,.hidden-for-medium-only,.hidden-for-medium-up,.hidden-for-xlarge,.hidden-for-xlarge-only,.hidden-for-xlarge-up,.hidden-for-xxlarge,.hidden-for-xxlarge-only,.hidden-for-xxlarge-up,.visible-for-large-down,.visible-for-medium-down,.visible-for-small,.visible-for-small-down,.visible-for-small-only,.visible-for-small-up,.visible-for-xlarge-down,.visible-for-xxlarge-down
{
	position:static!important;
	height:auto;
	width:auto;
	overflow:visible;
	clip:auto
}

.hidden-for-large-down,.hidden-for-medium-down,.hidden-for-small,.hidden-for-small-down,.hidden-for-small-only,.hidden-for-small-up,.hidden-for-xlarge-down,.hidden-for-xxlarge-down,.visible-for-large,.visible-for-large-only,.visible-for-large-up,.visible-for-medium,.visible-for-medium-only,.visible-for-medium-up,.visible-for-xlarge,.visible-for-xlarge-only,.visible-for-xlarge-up,.visible-for-xxlarge,.visible-for-xxlarge-only,.visible-for-xxlarge-up
{
	position:absolute!important;
	height:1px;
	width:1px;
	overflow:hidden;
	clip:rect(1px,1px,1px,1px)
}

table.hide-for-large,table.hide-for-large-only,table.hide-for-large-up,table.hide-for-medium,table.hide-for-medium-only,table.hide-for-medium-up,table.hide-for-xlarge,table.hide-for-xlarge-only,table.hide-for-xlarge-up,table.hide-for-xxlarge,table.hide-for-xxlarge-only,table.hide-for-xxlarge-up,table.show-for-large-down,table.show-for-medium-down,table.show-for-small,table.show-for-small-down,table.show-for-small-only,table.show-for-small-up,table.show-for-xlarge-down,table.show-for-xxlarge-down
{
	display:table!important
}

thead.hide-for-large,thead.hide-for-large-only,thead.hide-for-large-up,thead.hide-for-medium,thead.hide-for-medium-only,thead.hide-for-medium-up,thead.hide-for-xlarge,thead.hide-for-xlarge-only,thead.hide-for-xlarge-up,thead.hide-for-xxlarge,thead.hide-for-xxlarge-only,thead.hide-for-xxlarge-up,thead.show-for-large-down,thead.show-for-medium-down,thead.show-for-small,thead.show-for-small-down,thead.show-for-small-only,thead.show-for-small-up,thead.show-for-xlarge-down,thead.show-for-xxlarge-down
{
	display:table-header-group!important
}

tbody.hide-for-large,tbody.hide-for-large-only,tbody.hide-for-large-up,tbody.hide-for-medium,tbody.hide-for-medium-only,tbody.hide-for-medium-up,tbody.hide-for-xlarge,tbody.hide-for-xlarge-only,tbody.hide-for-xlarge-up,tbody.hide-for-xxlarge,tbody.hide-for-xxlarge-only,tbody.hide-for-xxlarge-up,tbody.show-for-large-down,tbody.show-for-medium-down,tbody.show-for-small,tbody.show-for-small-down,tbody.show-for-small-only,tbody.show-for-small-up,tbody.show-for-xlarge-down,tbody.show-for-xxlarge-down
{
	display:table-row-group!important
}

tr.hide-for-large,tr.hide-for-large-only,tr.hide-for-large-up,tr.hide-for-medium,tr.hide-for-medium-only,tr.hide-for-medium-up,tr.hide-for-xlarge,tr.hide-for-xlarge-only,tr.hide-for-xlarge-up,tr.hide-for-xxlarge,tr.hide-for-xxlarge-only,tr.hide-for-xxlarge-up,tr.show-for-large-down,tr.show-for-medium-down,tr.show-for-small,tr.show-for-small-down,tr.show-for-small-only,tr.show-for-small-up,tr.show-for-xlarge-down,tr.show-for-xxlarge-down
{
	display:table-row!important
}

td.hide-for-large,td.hide-for-large-only,td.hide-for-large-up,td.hide-for-medium,td.hide-for-medium-only,td.hide-for-medium-up,td.hide-for-xlarge,td.hide-for-xlarge-only,td.hide-for-xlarge-up,td.hide-for-xxlarge,td.hide-for-xxlarge-only,td.hide-for-xxlarge-up,td.show-for-large-down,td.show-for-medium-down,td.show-for-small,td.show-for-small-down,td.show-for-small-only,td.show-for-small-up,td.show-for-xlarge-down,td.show-for-xxlarge-down,th.hide-for-large,th.hide-for-large-only,th.hide-for-large-up,th.hide-for-medium,th.hide-for-medium-only,th.hide-for-medium-up,th.hide-for-xlarge,th.hide-for-xlarge-only,th.hide-for-xlarge-up,th.hide-for-xxlarge,th.hide-for-xxlarge-only,th.hide-for-xxlarge-up,th.show-for-large-down,th.show-for-medium-down,th.show-for-small,th.show-for-small-down,th.show-for-small-only,th.show-for-small-up,th.show-for-xlarge-down,th.show-for-xxlarge-down
{
	display:table-cell!important
}


}

@media only screen and (min-width:40.063em)
{
	.hide-for-large,.hide-for-large-only,.hide-for-large-up,.hide-for-small,.hide-for-small-down,.hide-for-small-only,.hide-for-xlarge,.hide-for-xlarge-only,.hide-for-xlarge-up,.hide-for-xxlarge,.hide-for-xxlarge-only,.hide-for-xxlarge-up,.show-for-large-down,.show-for-medium,.show-for-medium-down,.show-for-medium-only,.show-for-medium-up,.show-for-small-up,.show-for-xlarge-down,.show-for-xxlarge-down
{
	display:inherit!important
}

.hide-for-large-down,.hide-for-medium,.hide-for-medium-down,.hide-for-medium-only,.hide-for-medium-up,.hide-for-small-up,.hide-for-xlarge-down,.hide-for-xxlarge-down,.show-for-large,.show-for-large-only,.show-for-large-up,.show-for-small,.show-for-small-down,.show-for-small-only,.show-for-xlarge,.show-for-xlarge-only,.show-for-xlarge-up,.show-for-xxlarge,.show-for-xxlarge-only,.show-for-xxlarge-up
{
	display:none!important
}

.hidden-for-large,.hidden-for-large-only,.hidden-for-large-up,.hidden-for-small,.hidden-for-small-down,.hidden-for-small-only,.hidden-for-xlarge,.hidden-for-xlarge-only,.hidden-for-xlarge-up,.hidden-for-xxlarge,.hidden-for-xxlarge-only,.hidden-for-xxlarge-up,.visible-for-large-down,.visible-for-medium,.visible-for-medium-down,.visible-for-medium-only,.visible-for-medium-up,.visible-for-small-up,.visible-for-xlarge-down,.visible-for-xxlarge-down
{
	position:static!important;
	height:auto;
	width:auto;
	overflow:visible;
	clip:auto
}

.hidden-for-large-down,.hidden-for-medium,.hidden-for-medium-down,.hidden-for-medium-only,.hidden-for-medium-up,.hidden-for-small-up,.hidden-for-xlarge-down,.hidden-for-xxlarge-down,.visible-for-large,.visible-for-large-only,.visible-for-large-up,.visible-for-small,.visible-for-small-down,.visible-for-small-only,.visible-for-xlarge,.visible-for-xlarge-only,.visible-for-xlarge-up,.visible-for-xxlarge,.visible-for-xxlarge-only,.visible-for-xxlarge-up
{
	position:absolute!important;
	height:1px;
	width:1px;
	overflow:hidden;
	clip:rect(1px,1px,1px,1px)
}

table.hide-for-large,table.hide-for-large-only,table.hide-for-large-up,table.hide-for-small,table.hide-for-small-down,table.hide-for-small-only,table.hide-for-xlarge,table.hide-for-xlarge-only,table.hide-for-xlarge-up,table.hide-for-xxlarge,table.hide-for-xxlarge-only,table.hide-for-xxlarge-up,table.show-for-large-down,table.show-for-medium,table.show-for-medium-down,table.show-for-medium-only,table.show-for-medium-up,table.show-for-small-up,table.show-for-xlarge-down,table.show-for-xxlarge-down
{
	display:table!important
}

thead.hide-for-large,thead.hide-for-large-only,thead.hide-for-large-up,thead.hide-for-small,thead.hide-for-small-down,thead.hide-for-small-only,thead.hide-for-xlarge,thead.hide-for-xlarge-only,thead.hide-for-xlarge-up,thead.hide-for-xxlarge,thead.hide-for-xxlarge-only,thead.hide-for-xxlarge-up,thead.show-for-large-down,thead.show-for-medium,thead.show-for-medium-down,thead.show-for-medium-only,thead.show-for-medium-up,thead.show-for-small-up,thead.show-for-xlarge-down,thead.show-for-xxlarge-down
{
	display:table-header-group!important
}

tbody.hide-for-large,tbody.hide-for-large-only,tbody.hide-for-large-up,tbody.hide-for-small,tbody.hide-for-small-down,tbody.hide-for-small-only,tbody.hide-for-xlarge,tbody.hide-for-xlarge-only,tbody.hide-for-xlarge-up,tbody.hide-for-xxlarge,tbody.hide-for-xxlarge-only,tbody.hide-for-xxlarge-up,tbody.show-for-large-down,tbody.show-for-medium,tbody.show-for-medium-down,tbody.show-for-medium-only,tbody.show-for-medium-up,tbody.show-for-small-up,tbody.show-for-xlarge-down,tbody.show-for-xxlarge-down
{
	display:table-row-group!important
}

tr.hide-for-large,tr.hide-for-large-only,tr.hide-for-large-up,tr.hide-for-small,tr.hide-for-small-down,tr.hide-for-small-only,tr.hide-for-xlarge,tr.hide-for-xlarge-only,tr.hide-for-xlarge-up,tr.hide-for-xxlarge,tr.hide-for-xxlarge-only,tr.hide-for-xxlarge-up,tr.show-for-large-down,tr.show-for-medium,tr.show-for-medium-down,tr.show-for-medium-only,tr.show-for-medium-up,tr.show-for-small-up,tr.show-for-xlarge-down,tr.show-for-xxlarge-down
{
	display:table-row!important
}

td.hide-for-large,td.hide-for-large-only,td.hide-for-large-up,td.hide-for-small,td.hide-for-small-down,td.hide-for-small-only,td.hide-for-xlarge,td.hide-for-xlarge-only,td.hide-for-xlarge-up,td.hide-for-xxlarge,td.hide-for-xxlarge-only,td.hide-for-xxlarge-up,td.show-for-large-down,td.show-for-medium,td.show-for-medium-down,td.show-for-medium-only,td.show-for-medium-up,td.show-for-small-up,td.show-for-xlarge-down,td.show-for-xxlarge-down,th.hide-for-large,th.hide-for-large-only,th.hide-for-large-up,th.hide-for-small,th.hide-for-small-down,th.hide-for-small-only,th.hide-for-xlarge,th.hide-for-xlarge-only,th.hide-for-xlarge-up,th.hide-for-xxlarge,th.hide-for-xxlarge-only,th.hide-for-xxlarge-up,th.show-for-large-down,th.show-for-medium,th.show-for-medium-down,th.show-for-medium-only,th.show-for-medium-up,th.show-for-small-up,th.show-for-xlarge-down,th.show-for-xxlarge-down
{
	display:table-cell!important
}


}

@media only screen and (min-width:64.063em)
{
	.hide-for-medium,.hide-for-medium-down,.hide-for-medium-only,.hide-for-small,.hide-for-small-down,.hide-for-small-only,.hide-for-xlarge,.hide-for-xlarge-only,.hide-for-xlarge-up,.hide-for-xxlarge,.hide-for-xxlarge-only,.hide-for-xxlarge-up,.show-for-large,.show-for-large-down,.show-for-large-only,.show-for-large-up,.show-for-medium-up,.show-for-small-up,.show-for-xlarge-down,.show-for-xxlarge-down
{
	display:inherit!important
}

.hide-for-large,.hide-for-large-down,.hide-for-large-only,.hide-for-large-up,.hide-for-medium-up,.hide-for-small-up,.hide-for-xlarge-down,.hide-for-xxlarge-down,.show-for-medium,.show-for-medium-down,.show-for-medium-only,.show-for-small,.show-for-small-down,.show-for-small-only,.show-for-xlarge,.show-for-xlarge-only,.show-for-xlarge-up,.show-for-xxlarge,.show-for-xxlarge-only,.show-for-xxlarge-up
{
	display:none!important
}

.hidden-for-medium,.hidden-for-medium-down,.hidden-for-medium-only,.hidden-for-small,.hidden-for-small-down,.hidden-for-small-only,.hidden-for-xlarge,.hidden-for-xlarge-only,.hidden-for-xlarge-up,.hidden-for-xxlarge,.hidden-for-xxlarge-only,.hidden-for-xxlarge-up,.visible-for-large,.visible-for-large-down,.visible-for-large-only,.visible-for-large-up,.visible-for-medium-up,.visible-for-small-up,.visible-for-xlarge-down,.visible-for-xxlarge-down
{
	position:static!important;
	height:auto;
	width:auto;
	overflow:visible;
	clip:auto
}

.hidden-for-large,.hidden-for-large-down,.hidden-for-large-only,.hidden-for-large-up,.hidden-for-medium-up,.hidden-for-small-up,.hidden-for-xlarge-down,.hidden-for-xxlarge-down,.visible-for-medium,.visible-for-medium-down,.visible-for-medium-only,.visible-for-small,.visible-for-small-down,.visible-for-small-only,.visible-for-xlarge,.visible-for-xlarge-only,.visible-for-xlarge-up,.visible-for-xxlarge,.visible-for-xxlarge-only,.visible-for-xxlarge-up
{
	position:absolute!important;
	height:1px;
	width:1px;
	overflow:hidden;
	clip:rect(1px,1px,1px,1px)
}

table.hide-for-medium,table.hide-for-medium-down,table.hide-for-medium-only,table.hide-for-small,table.hide-for-small-down,table.hide-for-small-only,table.hide-for-xlarge,table.hide-for-xlarge-only,table.hide-for-xlarge-up,table.hide-for-xxlarge,table.hide-for-xxlarge-only,table.hide-for-xxlarge-up,table.show-for-large,table.show-for-large-down,table.show-for-large-only,table.show-for-large-up,table.show-for-medium-up,table.show-for-small-up,table.show-for-xlarge-down,table.show-for-xxlarge-down
{
	display:table!important
}

thead.hide-for-medium,thead.hide-for-medium-down,thead.hide-for-medium-only,thead.hide-for-small,thead.hide-for-small-down,thead.hide-for-small-only,thead.hide-for-xlarge,thead.hide-for-xlarge-only,thead.hide-for-xlarge-up,thead.hide-for-xxlarge,thead.hide-for-xxlarge-only,thead.hide-for-xxlarge-up,thead.show-for-large,thead.show-for-large-down,thead.show-for-large-only,thead.show-for-large-up,thead.show-for-medium-up,thead.show-for-small-up,thead.show-for-xlarge-down,thead.show-for-xxlarge-down
{
	display:table-header-group!important
}

tbody.hide-for-medium,tbody.hide-for-medium-down,tbody.hide-for-medium-only,tbody.hide-for-small,tbody.hide-for-small-down,tbody.hide-for-small-only,tbody.hide-for-xlarge,tbody.hide-for-xlarge-only,tbody.hide-for-xlarge-up,tbody.hide-for-xxlarge,tbody.hide-for-xxlarge-only,tbody.hide-for-xxlarge-up,tbody.show-for-large,tbody.show-for-large-down,tbody.show-for-large-only,tbody.show-for-large-up,tbody.show-for-medium-up,tbody.show-for-small-up,tbody.show-for-xlarge-down,tbody.show-for-xxlarge-down
{
	display:table-row-group!important
}

tr.hide-for-medium,tr.hide-for-medium-down,tr.hide-for-medium-only,tr.hide-for-small,tr.hide-for-small-down,tr.hide-for-small-only,tr.hide-for-xlarge,tr.hide-for-xlarge-only,tr.hide-for-xlarge-up,tr.hide-for-xxlarge,tr.hide-for-xxlarge-only,tr.hide-for-xxlarge-up,tr.show-for-large,tr.show-for-large-down,tr.show-for-large-only,tr.show-for-large-up,tr.show-for-medium-up,tr.show-for-small-up,tr.show-for-xlarge-down,tr.show-for-xxlarge-down
{
	display:table-row!important
}

td.hide-for-medium,td.hide-for-medium-down,td.hide-for-medium-only,td.hide-for-small,td.hide-for-small-down,td.hide-for-small-only,td.hide-for-xlarge,td.hide-for-xlarge-only,td.hide-for-xlarge-up,td.hide-for-xxlarge,td.hide-for-xxlarge-only,td.hide-for-xxlarge-up,td.show-for-large,td.show-for-large-down,td.show-for-large-only,td.show-for-large-up,td.show-for-medium-up,td.show-for-small-up,td.show-for-xlarge-down,td.show-for-xxlarge-down,th.hide-for-medium,th.hide-for-medium-down,th.hide-for-medium-only,th.hide-for-small,th.hide-for-small-down,th.hide-for-small-only,th.hide-for-xlarge,th.hide-for-xlarge-only,th.hide-for-xlarge-up,th.hide-for-xxlarge,th.hide-for-xxlarge-only,th.hide-for-xxlarge-up,th.show-for-large,th.show-for-large-down,th.show-for-large-only,th.show-for-large-up,th.show-for-medium-up,th.show-for-small-up,th.show-for-xlarge-down,th.show-for-xxlarge-down
{
	display:table-cell!important
}


}

@media only screen and (min-width:90.063em)
{
	.hide-for-large,.hide-for-large-down,.hide-for-large-only,.hide-for-medium,.hide-for-medium-down,.hide-for-medium-only,.hide-for-small,.hide-for-small-down,.hide-for-small-only,.hide-for-xxlarge,.hide-for-xxlarge-only,.hide-for-xxlarge-up,.show-for-large-up,.show-for-medium-up,.show-for-small-up,.show-for-xlarge,.show-for-xlarge-down,.show-for-xlarge-only,.show-for-xlarge-up,.show-for-xxlarge-down
{
	display:inherit!important
}

.hide-for-large-up,.hide-for-medium-up,.hide-for-small-up,.hide-for-xlarge,.hide-for-xlarge-down,.hide-for-xlarge-only,.hide-for-xlarge-up,.hide-for-xxlarge-down,.show-for-large,.show-for-large-down,.show-for-large-only,.show-for-medium,.show-for-medium-down,.show-for-medium-only,.show-for-small,.show-for-small-down,.show-for-small-only,.show-for-xxlarge,.show-for-xxlarge-only,.show-for-xxlarge-up
{
	display:none!important
}

.hidden-for-large,.hidden-for-large-down,.hidden-for-large-only,.hidden-for-medium,.hidden-for-medium-down,.hidden-for-medium-only,.hidden-for-small,.hidden-for-small-down,.hidden-for-small-only,.hidden-for-xxlarge,.hidden-for-xxlarge-only,.hidden-for-xxlarge-up,.visible-for-large-up,.visible-for-medium-up,.visible-for-small-up,.visible-for-xlarge,.visible-for-xlarge-down,.visible-for-xlarge-only,.visible-for-xlarge-up,.visible-for-xxlarge-down
{
	position:static!important;
	height:auto;
	width:auto;
	overflow:visible;
	clip:auto
}

.hidden-for-large-up,.hidden-for-medium-up,.hidden-for-small-up,.hidden-for-xlarge,.hidden-for-xlarge-down,.hidden-for-xlarge-only,.hidden-for-xlarge-up,.hidden-for-xxlarge-down,.visible-for-large,.visible-for-large-down,.visible-for-large-only,.visible-for-medium,.visible-for-medium-down,.visible-for-medium-only,.visible-for-small,.visible-for-small-down,.visible-for-small-only,.visible-for-xxlarge,.visible-for-xxlarge-only,.visible-for-xxlarge-up
{
	position:absolute!important;
	height:1px;
	width:1px;
	overflow:hidden;
	clip:rect(1px,1px,1px,1px)
}

table.hide-for-large,table.hide-for-large-down,table.hide-for-large-only,table.hide-for-medium,table.hide-for-medium-down,table.hide-for-medium-only,table.hide-for-small,table.hide-for-small-down,table.hide-for-small-only,table.hide-for-xxlarge,table.hide-for-xxlarge-only,table.hide-for-xxlarge-up,table.show-for-large-up,table.show-for-medium-up,table.show-for-small-up,table.show-for-xlarge,table.show-for-xlarge-down,table.show-for-xlarge-only,table.show-for-xlarge-up,table.show-for-xxlarge-down
{
	display:table!important
}

thead.hide-for-large,thead.hide-for-large-down,thead.hide-for-large-only,thead.hide-for-medium,thead.hide-for-medium-down,thead.hide-for-medium-only,thead.hide-for-small,thead.hide-for-small-down,thead.hide-for-small-only,thead.hide-for-xxlarge,thead.hide-for-xxlarge-only,thead.hide-for-xxlarge-up,thead.show-for-large-up,thead.show-for-medium-up,thead.show-for-small-up,thead.show-for-xlarge,thead.show-for-xlarge-down,thead.show-for-xlarge-only,thead.show-for-xlarge-up,thead.show-for-xxlarge-down
{
	display:table-header-group!important
}

tbody.hide-for-large,tbody.hide-for-large-down,tbody.hide-for-large-only,tbody.hide-for-medium,tbody.hide-for-medium-down,tbody.hide-for-medium-only,tbody.hide-for-small,tbody.hide-for-small-down,tbody.hide-for-small-only,tbody.hide-for-xxlarge,tbody.hide-for-xxlarge-only,tbody.hide-for-xxlarge-up,tbody.show-for-large-up,tbody.show-for-medium-up,tbody.show-for-small-up,tbody.show-for-xlarge,tbody.show-for-xlarge-down,tbody.show-for-xlarge-only,tbody.show-for-xlarge-up,tbody.show-for-xxlarge-down
{
	display:table-row-group!important
}

tr.hide-for-large,tr.hide-for-large-down,tr.hide-for-large-only,tr.hide-for-medium,tr.hide-for-medium-down,tr.hide-for-medium-only,tr.hide-for-small,tr.hide-for-small-down,tr.hide-for-small-only,tr.hide-for-xxlarge,tr.hide-for-xxlarge-only,tr.hide-for-xxlarge-up,tr.show-for-large-up,tr.show-for-medium-up,tr.show-for-small-up,tr.show-for-xlarge,tr.show-for-xlarge-down,tr.show-for-xlarge-only,tr.show-for-xlarge-up,tr.show-for-xxlarge-down
{
	display:table-row!important
}

td.hide-for-large,td.hide-for-large-down,td.hide-for-large-only,td.hide-for-medium,td.hide-for-medium-down,td.hide-for-medium-only,td.hide-for-small,td.hide-for-small-down,td.hide-for-small-only,td.hide-for-xxlarge,td.hide-for-xxlarge-only,td.hide-for-xxlarge-up,td.show-for-large-up,td.show-for-medium-up,td.show-for-small-up,td.show-for-xlarge,td.show-for-xlarge-down,td.show-for-xlarge-only,td.show-for-xlarge-up,td.show-for-xxlarge-down,th.hide-for-large,th.hide-for-large-down,th.hide-for-large-only,th.hide-for-medium,th.hide-for-medium-down,th.hide-for-medium-only,th.hide-for-small,th.hide-for-small-down,th.hide-for-small-only,th.hide-for-xxlarge,th.hide-for-xxlarge-only,th.hide-for-xxlarge-up,th.show-for-large-up,th.show-for-medium-up,th.show-for-small-up,th.show-for-xlarge,th.show-for-xlarge-down,th.show-for-xlarge-only,th.show-for-xlarge-up,th.show-for-xxlarge-down
{
	display:table-cell!important
}


}

@media only screen and (min-width:120.063em)
{
	.hide-for-large,.hide-for-large-down,.hide-for-large-only,.hide-for-medium,.hide-for-medium-down,.hide-for-medium-only,.hide-for-small,.hide-for-small-down,.hide-for-small-only,.hide-for-xlarge,.hide-for-xlarge-down,.hide-for-xlarge-only,.show-for-large-up,.show-for-medium-up,.show-for-small-up,.show-for-xlarge-up,.show-for-xxlarge,.show-for-xxlarge-down,.show-for-xxlarge-only,.show-for-xxlarge-up
{
	display:inherit!important
}

.hide-for-large-up,.hide-for-medium-up,.hide-for-small-up,.hide-for-xlarge-up,.hide-for-xxlarge,.hide-for-xxlarge-down,.hide-for-xxlarge-only,.hide-for-xxlarge-up,.show-for-large,.show-for-large-down,.show-for-large-only,.show-for-medium,.show-for-medium-down,.show-for-medium-only,.show-for-small,.show-for-small-down,.show-for-small-only,.show-for-xlarge,.show-for-xlarge-down,.show-for-xlarge-only
{
	display:none!important
}

.hidden-for-large,.hidden-for-large-down,.hidden-for-large-only,.hidden-for-medium,.hidden-for-medium-down,.hidden-for-medium-only,.hidden-for-small,.hidden-for-small-down,.hidden-for-small-only,.hidden-for-xlarge,.hidden-for-xlarge-down,.hidden-for-xlarge-only,.visible-for-large-up,.visible-for-medium-up,.visible-for-small-up,.visible-for-xlarge-up,.visible-for-xxlarge,.visible-for-xxlarge-down,.visible-for-xxlarge-only,.visible-for-xxlarge-up
{
	position:static!important;
	height:auto;
	width:auto;
	overflow:visible;
	clip:auto
}

.hidden-for-large-up,.hidden-for-medium-up,.hidden-for-small-up,.hidden-for-xlarge-up,.hidden-for-xxlarge,.hidden-for-xxlarge-down,.hidden-for-xxlarge-only,.hidden-for-xxlarge-up,.visible-for-large,.visible-for-large-down,.visible-for-large-only,.visible-for-medium,.visible-for-medium-down,.visible-for-medium-only,.visible-for-small,.visible-for-small-down,.visible-for-small-only,.visible-for-xlarge,.visible-for-xlarge-down,.visible-for-xlarge-only
{
	position:absolute!important;
	height:1px;
	width:1px;
	overflow:hidden;
	clip:rect(1px,1px,1px,1px)
}

table.hide-for-large,table.hide-for-large-down,table.hide-for-large-only,table.hide-for-medium,table.hide-for-medium-down,table.hide-for-medium-only,table.hide-for-small,table.hide-for-small-down,table.hide-for-small-only,table.hide-for-xlarge,table.hide-for-xlarge-down,table.hide-for-xlarge-only,table.show-for-large-up,table.show-for-medium-up,table.show-for-small-up,table.show-for-xlarge-up,table.show-for-xxlarge,table.show-for-xxlarge-down,table.show-for-xxlarge-only,table.show-for-xxlarge-up
{
	display:table!important
}

thead.hide-for-large,thead.hide-for-large-down,thead.hide-for-large-only,thead.hide-for-medium,thead.hide-for-medium-down,thead.hide-for-medium-only,thead.hide-for-small,thead.hide-for-small-down,thead.hide-for-small-only,thead.hide-for-xlarge,thead.hide-for-xlarge-down,thead.hide-for-xlarge-only,thead.show-for-large-up,thead.show-for-medium-up,thead.show-for-small-up,thead.show-for-xlarge-up,thead.show-for-xxlarge,thead.show-for-xxlarge-down,thead.show-for-xxlarge-only,thead.show-for-xxlarge-up
{
	display:table-header-group!important
}

tbody.hide-for-large,tbody.hide-for-large-down,tbody.hide-for-large-only,tbody.hide-for-medium,tbody.hide-for-medium-down,tbody.hide-for-medium-only,tbody.hide-for-small,tbody.hide-for-small-down,tbody.hide-for-small-only,tbody.hide-for-xlarge,tbody.hide-for-xlarge-down,tbody.hide-for-xlarge-only,tbody.show-for-large-up,tbody.show-for-medium-up,tbody.show-for-small-up,tbody.show-for-xlarge-up,tbody.show-for-xxlarge,tbody.show-for-xxlarge-down,tbody.show-for-xxlarge-only,tbody.show-for-xxlarge-up
{
	display:table-row-group!important
}

tr.hide-for-large,tr.hide-for-large-down,tr.hide-for-large-only,tr.hide-for-medium,tr.hide-for-medium-down,tr.hide-for-medium-only,tr.hide-for-small,tr.hide-for-small-down,tr.hide-for-small-only,tr.hide-for-xlarge,tr.hide-for-xlarge-down,tr.hide-for-xlarge-only,tr.show-for-large-up,tr.show-for-medium-up,tr.show-for-small-up,tr.show-for-xlarge-up,tr.show-for-xxlarge,tr.show-for-xxlarge-down,tr.show-for-xxlarge-only,tr.show-for-xxlarge-up
{
	display:table-row!important
}

td.hide-for-large,td.hide-for-large-down,td.hide-for-large-only,td.hide-for-medium,td.hide-for-medium-down,td.hide-for-medium-only,td.hide-for-small,td.hide-for-small-down,td.hide-for-small-only,td.hide-for-xlarge,td.hide-for-xlarge-down,td.hide-for-xlarge-only,td.show-for-large-up,td.show-for-medium-up,td.show-for-small-up,td.show-for-xlarge-up,td.show-for-xxlarge,td.show-for-xxlarge-down,td.show-for-xxlarge-only,td.show-for-xxlarge-up,th.hide-for-large,th.hide-for-large-down,th.hide-for-large-only,th.hide-for-medium,th.hide-for-medium-down,th.hide-for-medium-only,th.hide-for-small,th.hide-for-small-down,th.hide-for-small-only,th.hide-for-xlarge,th.hide-for-xlarge-down,th.hide-for-xlarge-only,th.show-for-large-up,th.show-for-medium-up,th.show-for-small-up,th.show-for-xlarge-up,th.show-for-xxlarge,th.show-for-xxlarge-down,th.show-for-xxlarge-only,th.show-for-xxlarge-up
{
	display:table-cell!important
}


}

.hide-for-portrait,.show-for-landscape
{
	display:inherit!important
}

.hide-for-landscape,.show-for-portrait
{
	display:none!important
}

table.hide-for-landscape,table.show-for-portrait
{
	display:table!important
}

thead.hide-for-landscape,thead.show-for-portrait
{
	display:table-header-group!important
}

tbody.hide-for-landscape,tbody.show-for-portrait
{
	display:table-row-group!important
}

tr.hide-for-landscape,tr.show-for-portrait
{
	display:table-row!important
}

td.hide-for-landscape,td.show-for-portrait,th.hide-for-landscape,th.show-for-portrait
{
	display:table-cell!important
}

@media only screen and (orientation:landscape)
{
	.hide-for-portrait,.show-for-landscape
{
	display:inherit!important
}

.hide-for-landscape,.show-for-portrait
{
	display:none!important
}

table.hide-for-portrait,table.show-for-landscape
{
	display:table!important
}

thead.hide-for-portrait,thead.show-for-landscape
{
	display:table-header-group!important
}

tbody.hide-for-portrait,tbody.show-for-landscape
{
	display:table-row-group!important
}

tr.hide-for-portrait,tr.show-for-landscape
{
	display:table-row!important
}

td.hide-for-portrait,td.show-for-landscape,th.hide-for-portrait,th.show-for-landscape
{
	display:table-cell!important
}


}

@media only screen and (orientation:portrait)
{
	.hide-for-landscape,.show-for-portrait
{
	display:inherit!important
}

.hide-for-portrait,.show-for-landscape
{
	display:none!important
}

table.hide-for-landscape,table.show-for-portrait
{
	display:table!important
}

thead.hide-for-landscape,thead.show-for-portrait
{
	display:table-header-group!important
}

tbody.hide-for-landscape,tbody.show-for-portrait
{
	display:table-row-group!important
}

tr.hide-for-landscape,tr.show-for-portrait
{
	display:table-row!important
}

td.hide-for-landscape,td.show-for-portrait,th.hide-for-landscape,th.show-for-portrait
{
	display:table-cell!important
}


}

.show-for-touch
{
	display:none!important
}

.hide-for-touch,.touch .show-for-touch
{
	display:inherit!important
}

.touch .hide-for-touch
{
	display:none!important
}

.touch table.show-for-touch,table.hide-for-touch
{
	display:table!important
}

.touch thead.show-for-touch,thead.hide-for-touch
{
	display:table-header-group!important
}

.touch tbody.show-for-touch,tbody.hide-for-touch
{
	display:table-row-group!important
}

.touch tr.show-for-touch,tr.hide-for-touch
{
	display:table-row!important
}

.touch td.show-for-touch,.touch th.show-for-touch,td.hide-for-touch,th.hide-for-touch
{
	display:table-cell!important
}

@media print
{
	.show-for-print
{
	display:block
}

.hide-for-print
{
	display:none
}

table.show-for-print
{
	display:table!important
}

thead.show-for-print
{
	display:table-header-group!important
}

tbody.show-for-print
{
	display:table-row-group!important
}

tr.show-for-print
{
	display:table-row!important
}

td.show-for-print,th.show-for-print
{
	display:table-cell!important
}


}

.pace
{
	-webkit-pointer-events:none;
	pointer-events:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}

.pace-inactive
{
	display:none
}

.pace .pace-progress
{
	background:#29d;
	position:fixed;
	z-index:2000;
	top:0;
	right:100%;
	width:100%;
	height:2px
}

body.blackpearl.chat
{
	overflow-y:hidden
}

body.blackpearl.chat #footer
{
	display:none
}

@media only screen and (min-width:40.063em)
{
	.chatapp .thread-section>#chat-message-area
{
	display:block!important
}


}

.chatapp .thread-section>#chat-message-area.display-mobile
{
	position:fixed;
	top:0;
	width:100%;
	z-index:1002;
	transition:-webkit-transform .3s ease-in;
	transition:transform .3s ease-in;
	transition:transform .3s ease-in,-webkit-transform .3s ease-in
}

@media only screen and (min-width:40.063em)
{
	.chatapp .thread-section>#chat-message-area.display-mobile
{
	position:relative;
	top:auto;
	right:auto;
	width:65%;
	z-index:1
}


}

.chatapp .thread-section>#chat-message-area.display-mobile .back-to-all
{
	position:fixed;
	top:0;
	width:100%;
	border-bottom:1px solid #e8e8e8;
	background:#fff;
	z-index:2;
	transition:-webkit-transform .3s ease-in;
	transition:transform .3s ease-in;
	transition:transform .3s ease-in,-webkit-transform .3s ease-in
}

.chatapp .thread-section>#chat-message-area.display-mobile .back-to-all>a
{
	display:inline-block;
	padding-left:10px;
	line-height:54px
}

.chatapp .thread-section>#chat-message-area.display-mobile .back-to-all>a>span:before
{
	display:inline-block;
	margin-right:10px
}

.chatapp .thread-section>div:first-child
{
	position:relative
}

@media only screen and (min-width:40.063em)
{
	.chatapp .thread-section>div:first-child
{
	border-left:1px solid #e8e8e8;
	width:35%
}


}

@media only screen and (min-width:64.063em)
{
	.chatapp .thread-section>div:first-child
{
	width:35%
}


}

@media only screen and (min-width:40.063em)
{
	.chatapp .thread-section>div:first-child+div
{
	width:65%
}


}

@media only screen and (min-width:64.063em)
{
	.chatapp .thread-section>div:first-child+div
{
	width:65%
}


}

.chatapp .thread-section>div:first-child+div .message-list>li
{
	position:relative;
	padding:0 20px
}

.chatapp .thread-section>div:first-child+div .message-list>li .message-text
{
	margin:10px auto 30px;
	word-wrap:break-word;
	word-break:break-word
}

.chatapp .thread-section>div:first-child+div .message-list>li .message-text .resend-msg
{
	font-size:80%;
	color:#929292
}

.chatapp .thread-section>div:first-child+div .message-list>li .message-text>p
{
	display:inline-block
}

.chatapp .thread-section>div:first-child+div .message-list>li .message-text>p:not(.image)
{
	padding:2px 6px;
	border-radius:4px;
	position:relative;
	color:#4a4a4a
}

.chatapp .thread-section>div:first-child+div .message-list>li .message-text>p:not(.image) svg
{
	width:12px;
	height:15px;
	position:absolute;
	bottom:-12px
}

.chatapp .thread-section>div:first-child+div .message-list>li .message-text>p.image svg
{
	display:none
}

.chatapp .thread-section>div:first-child+div .message-list>li .message-text>p.image img
{
	border-radius:4px
}

.chatapp .thread-section>div:first-child+div .message-list>li .message-text>p.image .upload-progress
{
	display:block;
	width:150px;
	overflow:hidden;
	position:absolute;
	bottom:-8px
}

.chatapp .thread-section>div:first-child+div .message-list>li .message-text>p.image .upload-progress small
{
	display:block;
	height:5px
}

.chatapp .thread-section>div:first-child+div .message-list>li .message-text>p.image .upload-progress small i
{
	display:block;
	width:160px;
	height:4px;
	background-color:#00c877;
	-webkit-transform:translate(-200px);
	transform:translate(-200px)
}

.chatapp .thread-section>div:first-child+div .message-list>li .message-text>p.image .upload-progress small[style*="width: 8"] i
{
	-webkit-transform:translate(-45px);
	transform:translate(-45px);
	transition:-webkit-transform 1.5s ease-in;
	transition:transform 1.5s ease-in;
	transition:transform 1.5s ease-in,-webkit-transform 1.5s ease-in
}

.chatapp .thread-section>div:first-child+div .message-list>li .message-text>p.image .upload-progress small[style*="width: 100"] i
{
	-webkit-transform:translate(0);
	transform:translate(0);
	transition:-webkit-transform .4s ease-in;
	transition:transform .4s ease-in;
	transition:transform .4s ease-in,-webkit-transform .4s ease-in;
	opacity:0;
	transition:opacity 1s ease-out
}

.chatapp .thread-section>div:first-child+div .message-list>li .message-text>p img
{
	width:150px
}

.chatapp .thread-section>div:first-child+div .message-list>li.me .message-text:after
{
	content:" ";
	display:block;
	clear:both
}

.chatapp .thread-section>div:first-child+div .message-list>li.me .message-text>p
{
	word-wrap:break-word;
	word-break:break-word;
	float:right
}

@media only screen and (min-width:64.063em)
{
	.chatapp .thread-section>div:first-child+div .message-list>li.me .message-text>p
{
	display:block;
	margin-left:2em
}


}

.chatapp .thread-section>div:first-child+div .message-list>li.me .message-text>p:not(.image)
{
	background:#d5e3ff
}

@media only screen and (min-width:64.063em)
{
	.chatapp .thread-section>div:first-child+div .message-list>li.me .message-text>p:not(.image)
{
	float:none
}


}

.chatapp .thread-section>div:first-child+div .message-list>li.me .message-text>p svg.quote-right
{
	fill:#d5e3ff;
	right:0
}

.chatapp .thread-section>div:first-child+div .message-list>li.me .message-text>p svg.quote-left
{
	display:none
}

.chatapp .thread-section>div:first-child+div .message-list>li.me .message-time
{
	right:20px
}

.chatapp .thread-section>div:first-child+div .message-list>li.you .message-text
{
	word-wrap:break-word;
	word-break:break-word
}

.chatapp .thread-section>div:first-child+div .message-list>li.you .message-text>p:not(.image)
{
	background:#fff
}

.chatapp .thread-section>div:first-child+div .message-list>li.you .message-text>p svg.quote-left
{
	fill:#fff;
	left:0
}

.chatapp .thread-section>div:first-child+div .message-list>li.you .message-text>p svg.quote-right
{
	display:none
}

.chatapp .thread-section>div:first-child+div .message-list>li.you .message-time
{
	left:20px
}

.chatapp .thread-section>div:first-child+div .message-list>li .message-time
{
	position:absolute;
	bottom:-24px;
	font-size:70%;
	color:#c7c7c7
}

.chatapp .thread-section>div:first-child+div .message-list>li.is-banned
{
	position:absolute;
	padding:1em;
	background-color:hsla(0,0%,39%,.2);
	border-radius:2px;
	opacity:.5;
	width:300px;
	top:50%;
	margin-top:-42.5px;
	left:50%;
	margin-left:-150px;
	font-size:90%
}

.chatapp .thread-section>div:first-child+div .message-list>li.is-banned>*
{
	display:block;
	text-align:center
}

.chatapp .thread-section>div:first-child+div .message-list>li#dated
{
	text-align:center
}

.chatapp .thread-section>div:first-child+div .message-list>li#dated>span
{
	display:inline-block;
	background:hsla(0,0%,78%,.6);
	line-height:1.6em;
	padding:0 10px;
	border-radius:16px
}

.chatapp .thread-section>div:first-child+div .message-list>li#dated:first-child
{
	margin-top:10px
}

.chatapp .thread-section>div:first-child+div .message-list:empty
{
	background:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/none_chat@2x.png);
	background-size:100%;
	background-repeat:no-repeat;
	background-position:0 100%
}

@media only screen and (min-width:40.063em)
{
	.chatapp .thread-section>div:first-child+div .message-list:empty
{
	background-size:auto
}


}

.chatapp .thread-section .message-thread-heading-name>span,.chatapp .thread-section .message-thread-heading-product-title,.chatapp .thread-section .thread-last-message,.chatapp .thread-section .thread-name
{
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}

.chatapp .thread-section .message-thread-heading-name
{
	position:relative
}

.chatapp .thread-section .message-thread-heading-name>*
{
	display:block;
	float:left
}

.chatapp .thread-section .message-thread-heading-name>:first-child
{
	width:65px;
	font-size:65%
}

@media screen and (min-width:340px)
{
	.chatapp .thread-section .message-thread-heading-name>:first-child
{
	width:70px;
	font-size:70%
}


}

@media screen and (min-width:720px)
{
	.chatapp .thread-section .message-thread-heading-name>:first-child
{
	width:100px;
	font-size:75%
}


}

@media screen and (min-width:1010px)
{
	.chatapp .thread-section .message-thread-heading-name>:first-child
{
	width:180px;
	font-size:85%
}


}

.chatapp .thread-section .message-thread-heading-product-title
{
	padding-top:4px;
	font-size:80%
}

@media only screen and (min-width:40.063em)
{
	.chatapp .thread-section .message-thread-heading-product-title
{
	padding-top:10px;
	font-size:inherit
}


}

.chatapp .thread-section .message-thread-heading-product-price
{
	color:#bbb;
	font-size:80%
}

@media only screen and (min-width:40.063em)
{
	.chatapp .thread-section .message-thread-heading-product-price
{
	font-size:inherit
}


}

.chatapp .thread-section>.chat-sidebar .thread-all
{
	background-size:80%;
	background-position:center 20px;
	background-repeat:no-repeat
}

.chatapp .thread-section>.chat-sidebar+.empty-chat-room
{
	display:none
}

@media only screen and (min-width:40.063em)
{
	.chatapp .thread-section>.chat-sidebar+.empty-chat-room
{
	display:block;
	position:relative;
	min-height:400px;
	background-repeat:no-repeat;
	background-position:50%
}

.chatapp .thread-section>.chat-sidebar+.empty-chat-room a[class*=link-]
{
	opacity:.5;
	display:inline-block;
	position:absolute;
	bottom:0;
	right:84px;
	line-height:2em;
	padding:2px 10px;
	font-size:1.2em;
	color:#fff;
	border-radius:2px
}

.chatapp .thread-section>.chat-sidebar+.empty-chat-room a[class*=link-]:hover
{
	opacity:1
}


}

.chatapp .thread-section>.chat-sidebar.count-0.buy .thread-all
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/chat_list_buyer_none@2x.png)
}

@media only screen and (min-width:40.063em)
{
	.chatapp .thread-section>.chat-sidebar.count-0.buy .thread-all
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/buy_emptystate_left.png)
}


}

.chatapp .thread-section>.chat-sidebar.count-0.buy+.empty-chat-room
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/buy_emptystate@2x.png)
}

.chatapp .thread-section>.chat-sidebar.count-0.buy+.empty-chat-room .link-to-buy
{
	background-color:#00c977
}

.chatapp .thread-section>.chat-sidebar.count-0.buy+.empty-chat-room .link-to-sell
{
	display:none
}

.chatapp .thread-section>.chat-sidebar.count-0.sell .thread-all
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/chat_list_seller_none@2x.png)
}

@media only screen and (min-width:40.063em)
{
	.chatapp .thread-section>.chat-sidebar.count-0.sell .thread-all
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/sell_emptystate_left.png)
}


}

.chatapp .thread-section>.chat-sidebar.count-0.sell+.empty-chat-room
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/sell_emptystate@2x.png)
}

.chatapp .thread-section>.chat-sidebar.count-0.sell+.empty-chat-room .link-to-sell
{
	background-color:#f70
}

.chatapp .thread-section>.chat-sidebar.count-0.sell+.empty-chat-room .link-to-buy
{
	display:none
}

.chatapp .thread-section>.chat-sidebar.count-0.all .thread-all
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/chat_list_buyer_none@2x.png)
}

@media only screen and (min-width:40.063em)
{
	.chatapp .thread-section>.chat-sidebar.count-0.all .thread-all
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/none_chat_top.png)
}


}

.chatapp .thread-section>.chat-sidebar.count-0.all+.empty-chat-room
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/all_emptystate@2x.png)
}

.chatapp .thread-section>.chat-sidebar.count-0.all+.empty-chat-room .link-to-buy,.chatapp .thread-section>.chat-sidebar.count-0.all+.empty-chat-room .link-to-sell
{
	display:none
}

.chatapp .thread-section>.chat-sidebar:not(.count-0).buy+.empty-chat-room
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/select_emptystate@2x.png)
}

.chatapp .thread-section>.chat-sidebar:not(.count-0).buy+.empty-chat-room .link-to-buy,.chatapp .thread-section>.chat-sidebar:not(.count-0).buy+.empty-chat-room .link-to-sell
{
	display:none
}

.chatapp .thread-section>.chat-sidebar:not(.count-0).sell+.empty-chat-room
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/select_emptystate@2x.png)
}

.chatapp .thread-section>.chat-sidebar:not(.count-0).sell+.empty-chat-room .link-to-buy,.chatapp .thread-section>.chat-sidebar:not(.count-0).sell+.empty-chat-room .link-to-sell
{
	display:none
}

.chatapp .thread-section>.chat-sidebar:not(.count-0).all+.empty-chat-room
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/select_emptystate@2x.png)
}

.chatapp .thread-section>.chat-sidebar:not(.count-0).all+.empty-chat-room .link-to-buy,.chatapp .thread-section>.chat-sidebar:not(.count-0).all+.empty-chat-room .link-to-sell
{
	display:none
}

.chatapp .thread-section>.empty-chat-room>span
{
	color:transparent
}

.chatapp .thread-section>.empty-chat-room>a
{
	opacity:0
}

.chatapp .avatar
{
	display:block;
	overflow:hidden;
	border-radius:50%;
	background:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/member-profile-avatar.png)
}

.chatapp .chat-tab
{
	height:50px;
	background:#fff;
	border-bottom:1px solid #e8e8e8
}

@media only screen and (min-width:40.063em)
{
	.chatapp .chat-tab
{
	height:70px
}


}

.chatapp .chat-tab>li
{
	float:left;
	width:33.33%
}

.chatapp .chat-tab>li.active>a
{
	border-bottom:5px solid #00c977
}

.chatapp .chat-tab>li>a
{
	display:block;
	line-height:45px;
	text-align:center;
	font-size:1em
}

@media only screen and (min-width:40.063em)
{
	.chatapp .chat-tab>li>a
{
	height:70px;
	line-height:65px
}


}

.chatapp #thread-all
{
	position:relative;
	overflow:auto;
	background-color:#fff;
	height:400px
}

.chatapp #thread-all .box-all-treads .thread-list
{
	position:absolute;
	overflow:auto;
	width:100%;
	top:0;
	right:0;
	bottom:50px;
	left:0
}

@media only screen and (min-width:40.063em)
{
	.chatapp #thread-all .box-all-treads .thread-list
{
	bottom:88px
}


}

.chatapp #thread-all .box-all-treads .thread-list.managing-chat .chat-item-list>a:first-child
{
	display:block;
	padding-left:40px
}

.chatapp #thread-all .box-all-treads .thread-list.managing-chat .chat-item-list .check-box
{
	display:block
}

.chatapp #thread-all .box-all-treads .thread-list.managing-chat .chat-item-list .check-box.checked
{
	background-color:#00c977;
	border-color:#00c977
}

.chatapp #thread-all .box-all-treads .thread-list.managing-chat .chat-item-list .check-box.checked:before
{
	color:#fff
}

.chatapp .message-and-reply-form
{
	background-color:#f2f2f2;
	position:relative
}

@media only screen and (min-width:40.063em)
{
	.chatapp .message-and-reply-form
{
	border-left:1px solid #e8e8e8;
	border-right:1px solid #e8e8e8
}


}

.chatapp .message-and-reply-form #chating-body
{
	position:relative;
	height:400px
}

.chatapp .message-and-reply-form #chating-body .doing-chat ul
{
	position:absolute;
	overflow:auto;
	width:100%;
	top:101px;
	right:0;
	bottom:90px;
	left:0
}

@media only screen and (min-width:40.063em)
{
	.chatapp .message-and-reply-form #chating-body .doing-chat ul
{
	top:70px;
	bottom:110px
}

.chatapp .message-and-reply-form #chating-body .doing-chat ul.active
{
	bottom:140px
}


}

.chatapp .message-and-reply-form #chating-body .reply-form
{
	background-color:#fff;
	width:100%;
	position:fixed;
	right:0;
	bottom:0;
	left:0;
	z-index:1
}

@media only screen and (min-width:40.063em)
{
	.chatapp .message-and-reply-form #chating-body .reply-form
{
	position:absolute;
	padding-bottom:40px
}


}

.chatapp .message-and-reply-form #chating-body .reply-form>div
{
	position:relative;
	padding:6px 70px
}

.chatapp .message-and-reply-form #chating-body .reply-form>div #my-awesome-dropzone
{
	position:absolute;
	width:40px;
	height:40px;
	overflow:hidden;
	left:15px;
	top:2px;
	cursor:pointer
}

.chatapp .message-and-reply-form #chating-body .reply-form>div #my-awesome-dropzone:before
{
	position:absolute;
	font-family:olxicons;
	font-weight:400;
	content:"\F067";
	display:inline-block;
	width:40px;
	text-align:center;
	outline:none;
	white-space:nowrap;
	-webkit-user-select:none;
	cursor:pointer;
	font-weight:700;
	font-size:1.8em;
	color:#777
}

.chatapp .message-and-reply-form #chating-body .reply-form>div #my-awesome-dropzone .fallback
{
	position:relative;
	width:40px;
	height:40px;
	overflow:hidden
}

.chatapp .message-and-reply-form #chating-body .reply-form>div #my-awesome-dropzone #file
{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:0;
	padding:0;
	opacity:0;
	filter:alpha(opacity=0)
}

.chatapp .message-and-reply-form #chating-body .reply-form>div textarea
{
	resize:none;
	height:36px;
	min-height:36px;
	line-height:28px;
	outline:none;
	overflow:hidden;
	box-shadow:none
}

.chatapp .message-and-reply-form #chating-body .reply-form>div #send-chat-button
{
	position:absolute;
	right:6px;
	top:6px;
	width:58px;
	background-color:#00c977;
	color:#fff
}

.chatapp .message-and-reply-form #chating-body .reply-form.disabled
{
	opacity:.5
}

.chatapp .message-and-reply-form .message-section
{
	top:56px;
	position:absolute;
	width:100%;
	border-bottom:1px solid #e8e8e8
}

@media only screen and (min-width:40.063em)
{
	.chatapp .message-and-reply-form .message-section
{
	top:0
}


}

.chatapp .message-and-reply-form .message-section .before-start
{
	line-height:69px
}

.chatapp .message-and-reply-form .message-section #chat-title-section
{
	position:relative;
	background:#fff;
	height:45px
}

@media only screen and (min-width:40.063em)
{
	.chatapp .message-and-reply-form .message-section #chat-title-section
{
	height:69px
}


}

.chatapp .message-and-reply-form .message-section #chat-title-section>div
{
	width:50%
}

.chatapp .message-and-reply-form .message-section #chat-title-section .seller-area
{
	padding:5px;
	position:relative
}

@media only screen and (min-width:40.063em)
{
	.chatapp .message-and-reply-form .message-section #chat-title-section .seller-area
{
	padding:10px
}


}

.chatapp .message-and-reply-form .message-section #chat-title-section .seller-area>div:first-child
{
	border-right:1px solid #e8e8e8
}

.chatapp .message-and-reply-form .message-section #chat-title-section .seller-area>div:first-child a
{
	display:block
}

.chatapp .message-and-reply-form .message-section #chat-title-section .seller-area .seller-avatar
{
	width:28px;
	height:28px;
	margin-right:5px;
	background-size:28px;
	float:left
}

@media only screen and (min-width:40.063em)
{
	.chatapp .message-and-reply-form .message-section #chat-title-section .seller-area .seller-avatar
{
	width:48px;
	height:48px;
	margin-right:10px;
	background-size:48px
}


}

.chatapp .message-and-reply-form .message-section #chat-title-section .seller-area .seller-avatar img
{
	vertical-align:middle;
	min-width:140%;
	max-width:140%;
	margin-left:-20%
}

.chatapp .message-and-reply-form .message-section #chat-title-section .seller-area .seller-avatar.system
{
	border:1px solid #e4e4e4
}

.chatapp .message-and-reply-form .message-section #chat-title-section .seller-area .message-thread-heading-name
{
	line-height:34px;
	float:left
}

@media only screen and (min-width:40.063em)
{
	.chatapp .message-and-reply-form .message-section #chat-title-section .seller-area .message-thread-heading-name
{
	line-height:40px
}


}

.chatapp .message-and-reply-form .message-section #chat-title-section .seller-area #manageblock
{
	position:absolute;
	right:10px;
	top:8px
}

@media only screen and (min-width:40.063em)
{
	.chatapp .message-and-reply-form .message-section #chat-title-section .seller-area #manageblock
{
	top:18px;
	right:16px
}


}

.chatapp .message-and-reply-form .message-section #chat-title-section .seller-area #manageblock span
{
	display:inline-block;
	font-size:70%;
	color:#999;
	border:1px solid #ccc;
	border-radius:2px;
	padding:3px;
	cursor:pointer
}

.chatapp .message-and-reply-form .message-section #chat-title-section .seller-area #block:not(.hide):before
{
	content:" ";
	display:block;
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background-color:rgba(0,0,0,.5);
	z-index:9
}

.chatapp .message-and-reply-form .message-section #chat-title-section .seller-area #block>.block-option
{
	position:fixed;
	background:#fff;
	border-radius:2px;
	left:1em;
	right:1em;
	z-index:10;
	padding:1em 0
}

@media only screen and (min-width:40.063em)
{
	.chatapp .message-and-reply-form .message-section #chat-title-section .seller-area #block>.block-option
{
	right:35%;
	left:35%;
	top:50%;
	margin-top:-60px
}


}

.chatapp .message-and-reply-form .message-section #chat-title-section .seller-area #block>.block-option>*
{
	display:block;
	text-align:center;
	line-height:2em;
	padding:0 1em;
	cursor:pointer
}

.chatapp .message-and-reply-form .message-section #chat-title-section .seller-area #block #blockuser,.chatapp .message-and-reply-form .message-section #chat-title-section .seller-area #block #reportuser,.chatapp .message-and-reply-form .message-section #chat-title-section .seller-area #block #unblockuser
{
	color:#4b67ca
}

.chatapp .message-and-reply-form .message-section #chat-title-section .seller-area #report:not(.hide):before
{
	content:" ";
	display:block;
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background-color:rgba(0,0,0,.5);
	z-index:9
}

.chatapp .message-and-reply-form .message-section #chat-title-section .seller-area #report>.report-option
{
	position:fixed;
	background:#fff;
	border-radius:2px;
	left:1em;
	right:1em;
	z-index:10;
	padding:1em 0
}

@media only screen and (min-width:40.063em)
{
	.chatapp .message-and-reply-form .message-section #chat-title-section .seller-area #report>.report-option
{
	right:35%;
	left:35%;
	top:50%;
	margin-top:-60px
}


}

.chatapp .message-and-reply-form .message-section #chat-title-section .seller-area #report>.report-option>*
{
	display:block;
	text-align:center;
	line-height:2em;
	padding:0 1em;
	cursor:pointer
}

.chatapp .message-and-reply-form .message-section #chat-title-section .seller-area #report #notProper,.chatapp .message-and-reply-form .message-section #chat-title-section .seller-area #report #spam
{
	color:#4b67ca
}

.chatapp .message-and-reply-form .message-section #chat-title-section .product-active
{
	position:absolute;
	right:0;
	top:0
}

.chatapp .message-and-reply-form .message-section #chat-title-section .product-active .product-info
{
	text-align:right;
	margin-right:60px
}

@media only screen and (min-width:40.063em)
{
	.chatapp .message-and-reply-form .message-section #chat-title-section .product-active .product-info
{
	margin-right:90px
}


}

.chatapp .message-and-reply-form .message-section #chat-title-section .product-active .middle-img
{
	width:55px;
	height:45px;
	float:right;
	position:relative
}

@media only screen and (min-width:40.063em)
{
	.chatapp .message-and-reply-form .message-section #chat-title-section .product-active .middle-img
{
	width:80px;
	height:70px
}


}

.chatapp .message-and-reply-form .message-section #chat-title-section .product-active .middle-img img
{
	max-height:100%;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto
}

.chatapp .message-and-reply-form .message-section.show-banned #manageblock
{
	display:none
}

.chat-item-list
{
	position:relative;
	border-bottom:1px solid #e8e8e8;
	background-color:#fff
}

.chat-item-list a
{
	display:block
}

.chat-item-list a>div
{
	position:relative;
	height:80px;
	padding:4px 80px 4px 70px
}

.chat-item-list a>div .chat-intro h1
{
	font-size:1em
}

.chat-item-list a>div .chat-intro .thread-last-message
{
	font-size:90%
}

.chat-item-list a>div .chat-intro .thread-last-message,.chat-item-list a>div .chat-intro .time
{
	color:#7c7c7c
}

.chat-item-list a>div .chat-intro .time
{
	font-size:80%
}

.chat-item-list a>div .list-avatar,.chat-item-list a>div figure
{
	position:absolute
}

.chat-item-list a>div .list-avatar
{
	width:44px;
	height:44px;
	background-size:44px;
	top:18px;
	left:10px
}

.chat-item-list a>div .list-avatar img
{
	width:140%;
	max-width:140%;
	margin-left:-20%
}

.chat-item-list a>div .list-avatar.system
{
	border:1px solid #e4e4e4
}

.chat-item-list a>div figure
{
	top:10px;
	right:10px
}

.chat-item-list a>div figure span
{
	display:block;
	position:relative;
	width:60px;
	height:60px
}

.chat-item-list a>div figure img
{
	height:auto;
	max-height:100%;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
	border-radius:3px
}

.chat-item-list a>div .unread
{
	display:block;
	min-width:25px;
	height:26px;
	border-radius:50%;
	background-color:#d33434;
	line-height:25px;
	text-align:center;
	color:#fff;
	font-size:.8em;
	position:absolute;
	left:35px;
	top:10px;
	z-index:1
}

.chat-item-list a>div .unread.presents
{
	opacity:0
}

.chat-item-list .check-box
{
	display:none;
	position:absolute;
	width:20px;
	height:20px;
	left:16px;
	top:28px;
	line-height:12px;
	border:2px solid #e8e8e8;
	border-radius:2px
}

.chat-item-list .check-box:before
{
	color:transparent;
	font-size:110%
}

.chat-item-list .check-box i
{
	display:none
}

.chat-sidebar .thread-list:not(.managing-chat) .chat-item-list>a.active
{
	background-color:#4b67ca
}

.chat-sidebar .thread-list:not(.managing-chat) .chat-item-list>a.active .thread-name
{
	color:#fff
}

.chat-sidebar .thread-list:not(.managing-chat) .chat-item-list>a.active .thread-last-message
{
	color:#c4cdef!important
}

.chat-sidebar .thread-list:not(.managing-chat) .chat-item-list>a.active .time
{
	color:#7b8dd9!important
}

.chat-sidebar .thread-list:not(.managing-chat) .chat-item-list>a:not(.active):hover
{
	background-color:#f3f3f3
}

.chat-sidebar .manage-chat-nested
{
	border-top:1px solid #e8e8e8;
	height:50px;
	padding:8px;
	position:absolute;
	right:0;
	bottom:0;
	left:0
}

@media only screen and (min-width:40.063em)
{
	.chat-sidebar .manage-chat-nested
{
	margin-bottom:38px
}


}

.chat-sidebar .manage-chat-nested>a
{
	line-height:28px;
	font-size:85%;
	padding:0 10px;
	border:1px solid #e8e8e8;
	border-radius:2px;
	color:#a5a5a5
}

.chat-sidebar .manage-chat-nested>a+a
{
	width:48%;
	text-align:center
}

.chat-sidebar .manage-chat-nested>a+a#delete-chatroom
{
	border-color:#ff4646;
	background-color:#ff4646;
	color:#fff;
	margin-left:4%
}

.chat-sidebar .manage-chat-nested>a+a#delete-chatroom-fake
{
	cursor:auto;
	margin-left:4%;
	opacity:.6
}

.chat-sidebar .manage-chat-nested>a:not(.hide)
{
	display:inline-block
}

.sweet-alert.bp-sweet h2
{
	margin:10px auto;
	font-size:120%;
	line-height:1.4em
}

.sweet-alert.bp-sweet p
{
	font-size:90%
}

.sweet-alert.bp-sweet fieldset
{
	display:none
}

.sweet-alert.bp-sweet .sa-button-container
{
	font-size:80%
}

.sweet-alert.bp-sweet .sa-button-container>*
{
	float:left;
	width:48%
}

.sweet-alert.bp-sweet .sa-button-container:after
{
	content:" ";
	display:block;
	clear:both
}

.sweet-alert.bp-sweet .sa-button-container button
{
	padding:0 32px
}

.sweet-alert.bp-sweet.confirm-chat .sa-button-container>*
{
	float:none
}

.sweet-alert.bp-sweet.confirm-chat .confirm
{
	color:#fff;
	box-shadow:none!important;
	border-color:#00c977;
	border-radius:2px
}

.sweet-alert.bp-sweet.deleting-chat .confirm
{
	color:#fff;
	box-shadow:none!important;
	border-color:#ff4646;
	border-radius:2px
}

.sweet-alert.bp-sweet.unsupport-type-chat h2
{
	font-weight:400
}

.sweet-alert.bp-sweet.unsupport-type-chat .sa-confirm-button-container
{
	float:none
}

.show-content.pointer
{
	position:relative;
	top:-48px;
	z-index:80;
	text-align:center;
	display:block;
	color:#4b67ca
}

.chat-delete-ads,.thank-chat-deletead
{
	position:absolute;
	width:300px;
	margin:auto;
	left:0;
	right:0;
	bottom:200px;
	background-color:#fff;
	padding:16px;
	border:1px solid #e4e4e4;
	border-radius:2px
}

.chat-delete-ads .action-btn,.thank-chat-deletead .action-btn
{
	display:inline-block;
	margin-left:16px
}

.chat-delete-ads .action-btn-confirm,.thank-chat-deletead .action-btn-confirm
{
	color:#4b67ca
}

.error-view
{
	margin-top:120px
}

.error-view .error-text
{
	text-align:center;
	font-size:1.2em
}

.error-view .retry-btn
{
	margin:0 auto;
	width:80%;
	background:#00c977;
	color:#fff;
	font-size:1.2em
}

.error-view .retry-btn:hover
{
	background:#00b36b
}

@media only screen and (min-width:40.063em)
{
	.error-view .retry-btn
{
	width:40%
}


}

.button-blue-corner
{
	color:#4b67ca;
	background-color:transparent;
	border:1px solid #4b67ca;
	text-align:center;
	transition:.3s;
	cursor:pointer;
	padding:6px 25px;
	font-size:1em;
	line-height:normal;
	border-radius:2px;
	vertical-align:middle;
	display:inline-block;
	width:auto
}

.button-blue-corner.focus,.button-blue-corner:focus
{
	color:#4b67ca;
	background-color:transparent;
	border-color:#2e469b;
	outline:none;
	box-shadow:none
}

.button-blue-corner.active,.button-blue-corner:active,.button-blue-corner:hover,.open>.button-blue-corner.dropdown-toggle
{
	color:#4b67ca;
	background-color:transparent;
	border-color:#314ba7
}

.button-blue-corner.active.focus,.button-blue-corner.active:focus,.button-blue-corner.active:hover,.button-blue-corner:active.focus,.button-blue-corner:active:focus,.button-blue-corner:active:hover,.open>.button-blue-corner.dropdown-toggle.focus,.open>.button-blue-corner.dropdown-toggle:focus,.open>.button-blue-corner.dropdown-toggle:hover
{
	color:#4b67ca;
	background-color:transparent;
	border-color:#223473
}

.button-blue-corner.disabled.focus,.button-blue-corner.disabled:focus,.button-blue-corner.disabled:hover,.button-blue-corner[disabled].focus,.button-blue-corner[disabled]:focus,.button-blue-corner[disabled]:hover,fieldset[disabled] .button-blue-corner.focus,fieldset[disabled] .button-blue-corner:focus,fieldset[disabled] .button-blue-corner:hover
{
	background-color:transparent;
	border-color:#4b67ca
}

.btn-gray,.button-gray
{
	color:#464646;
	background-color:#dedede;
	border:1px solid #ccc;
	text-align:center;
	transition:.3s;
	cursor:pointer;
	padding:6px 25px;
	font-size:1em;
	line-height:normal;
	border-radius:2px;
	vertical-align:middle;
	display:inline-block
}

.btn-gray.focus,.btn-gray:focus,.button-gray.focus,.button-gray:focus
{
	color:#464646;
	background-color:#dedede;
	border-color:#a6a6a6;
	outline:none;
	box-shadow:none
}

.btn-gray:hover,.button-gray:hover
{
	color:#464646;
	background-color:#d1d1d1;
	border-color:#adadad
}

.btn-gray.active,.btn-gray:active,.button-gray.active,.button-gray:active,.open>.btn-gray.dropdown-toggle,.open>.button-gray.dropdown-toggle
{
	color:#464646;
	background-color:#c5c5c5;
	border-color:#adadad
}

.btn-gray.active.focus,.btn-gray.active:focus,.btn-gray.active:hover,.btn-gray:active.focus,.btn-gray:active:focus,.btn-gray:active:hover,.button-gray.active.focus,.button-gray.active:focus,.button-gray.active:hover,.button-gray:active.focus,.button-gray:active:focus,.button-gray:active:hover,.open>.btn-gray.dropdown-toggle.focus,.open>.btn-gray.dropdown-toggle:focus,.open>.btn-gray.dropdown-toggle:hover,.open>.button-gray.dropdown-toggle.focus,.open>.button-gray.dropdown-toggle:focus,.open>.button-gray.dropdown-toggle:hover
{
	color:#464646;
	background-color:#b3b3b3;
	border-color:#8c8c8c
}

.btn-gray.disabled.focus,.btn-gray.disabled:focus,.btn-gray.disabled:hover,.btn-gray[disabled].focus,.btn-gray[disabled]:focus,.btn-gray[disabled]:hover,.button-gray.disabled.focus,.button-gray.disabled:focus,.button-gray.disabled:hover,.button-gray[disabled].focus,.button-gray[disabled]:focus,.button-gray[disabled]:hover,fieldset[disabled] .btn-gray.focus,fieldset[disabled] .btn-gray:focus,fieldset[disabled] .btn-gray:hover,fieldset[disabled] .button-gray.focus,fieldset[disabled] .button-gray:focus,fieldset[disabled] .button-gray:hover
{
	background-color:#dedede;
	border-color:#ccc
}

.btn-link,.btn-success,.btn-target-action,.button-green
{
	color:#fff;
	background-color:#00c977;
	border:1px solid #00c977;
	text-align:center;
	transition:.3s;
	cursor:pointer;
	padding:6px 25px;
	font-size:1em;
	line-height:normal;
	border-radius:2px;
	vertical-align:middle;
	display:inline-block
}

.btn-link.focus,.btn-link:focus,.btn-success.focus,.btn-success:focus,.btn-target-action.focus,.btn-target-action:focus,.button-green.focus,.button-green:focus
{
	color:#fff;
	background-color:#00c977;
	border-color:#007d4a;
	outline:none;
	box-shadow:none
}

.btn-link:hover,.btn-success:hover,.btn-target-action:hover,.button-green:hover
{
	color:#fff;
	background-color:#00b068;
	border-color:#008c53
}

.btn-link.active,.btn-link:active,.btn-success.active,.btn-success:active,.btn-target-action.active,.btn-target-action:active,.button-green.active,.button-green:active,.open>.btn-link.dropdown-toggle,.open>.btn-success.dropdown-toggle,.open>.btn-target-action.dropdown-toggle,.open>.button-green.dropdown-toggle
{
	color:#fff;
	background-color:#009659;
	border-color:#008c53
}

.btn-link.active.focus,.btn-link.active:focus,.btn-link.active:hover,.btn-link:active.focus,.btn-link:active:focus,.btn-link:active:hover,.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.btn-target-action.active.focus,.btn-target-action.active:focus,.btn-target-action.active:hover,.btn-target-action:active.focus,.btn-target-action:active:focus,.btn-target-action:active:hover,.button-green.active.focus,.button-green.active:focus,.button-green.active:hover,.button-green:active.focus,.button-green:active:focus,.button-green:active:hover,.open>.btn-link.dropdown-toggle.focus,.open>.btn-link.dropdown-toggle:focus,.open>.btn-link.dropdown-toggle:hover,.open>.btn-success.dropdown-toggle.focus,.open>.btn-success.dropdown-toggle:focus,.open>.btn-success.dropdown-toggle:hover,.open>.btn-target-action.dropdown-toggle.focus,.open>.btn-target-action.dropdown-toggle:focus,.open>.btn-target-action.dropdown-toggle:hover,.open>.button-green.dropdown-toggle.focus,.open>.button-green.dropdown-toggle:focus,.open>.button-green.dropdown-toggle:hover
{
	color:#fff;
	background-color:#007244;
	border-color:#004a2c
}

.btn-link.disabled.focus,.btn-link.disabled:focus,.btn-link.disabled:hover,.btn-link[disabled].focus,.btn-link[disabled]:focus,.btn-link[disabled]:hover,.btn-success.disabled.focus,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled].focus,.btn-success[disabled]:focus,.btn-success[disabled]:hover,.btn-target-action.disabled.focus,.btn-target-action.disabled:focus,.btn-target-action.disabled:hover,.btn-target-action[disabled].focus,.btn-target-action[disabled]:focus,.btn-target-action[disabled]:hover,.button-green.disabled.focus,.button-green.disabled:focus,.button-green.disabled:hover,.button-green[disabled].focus,.button-green[disabled]:focus,.button-green[disabled]:hover,fieldset[disabled] .btn-link.focus,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover,fieldset[disabled] .btn-target-action.focus,fieldset[disabled] .btn-target-action:focus,fieldset[disabled] .btn-target-action:hover,fieldset[disabled] .button-green.focus,fieldset[disabled] .button-green:focus,fieldset[disabled] .button-green:hover
{
	background-color:#00c977;
	border-color:#00c977
}

.btn-error,.btn-link-error,.button-error
{
	color:#fff;
	background-color:#d0021b;
	border:1px solid #d0021b;
	text-align:center;
	transition:.3s;
	cursor:pointer;
	padding:6px 25px;
	font-size:1em;
	line-height:normal;
	border-radius:2px;
	vertical-align:middle;
	display:inline-block
}

.btn-error.focus,.btn-error:focus,.btn-link-error.focus,.btn-link-error:focus,.button-error.focus,.button-error:focus
{
	color:#fff;
	background-color:#d0021b;
	border-color:#840111;
	outline:none;
	box-shadow:none
}

.btn-error:hover,.btn-link-error:hover,.button-error:hover
{
	color:#fff;
	background-color:#b70218;
	border-color:#930113
}

.btn-error.active,.btn-error:active,.btn-link-error.active,.btn-link-error:active,.button-error.active,.button-error:active,.open>.btn-error.dropdown-toggle,.open>.btn-link-error.dropdown-toggle,.open>.button-error.dropdown-toggle
{
	color:#fff;
	background-color:#9d0214;
	border-color:#930113
}

.btn-error.active.focus,.btn-error.active:focus,.btn-error.active:hover,.btn-error:active.focus,.btn-error:active:focus,.btn-error:active:hover,.btn-link-error.active.focus,.btn-link-error.active:focus,.btn-link-error.active:hover,.btn-link-error:active.focus,.btn-link-error:active:focus,.btn-link-error:active:hover,.button-error.active.focus,.button-error.active:focus,.button-error.active:hover,.button-error:active.focus,.button-error:active:focus,.button-error:active:hover,.open>.btn-error.dropdown-toggle.focus,.open>.btn-error.dropdown-toggle:focus,.open>.btn-error.dropdown-toggle:hover,.open>.btn-link-error.dropdown-toggle.focus,.open>.btn-link-error.dropdown-toggle:focus,.open>.btn-link-error.dropdown-toggle:hover,.open>.button-error.dropdown-toggle.focus,.open>.button-error.dropdown-toggle:focus,.open>.button-error.dropdown-toggle:hover
{
	color:#fff;
	background-color:#7a0110;
	border-color:#52010b
}

.btn-error.disabled.focus,.btn-error.disabled:focus,.btn-error.disabled:hover,.btn-error[disabled].focus,.btn-error[disabled]:focus,.btn-error[disabled]:hover,.btn-link-error.disabled.focus,.btn-link-error.disabled:focus,.btn-link-error.disabled:hover,.btn-link-error[disabled].focus,.btn-link-error[disabled]:focus,.btn-link-error[disabled]:hover,.button-error.disabled.focus,.button-error.disabled:focus,.button-error.disabled:hover,.button-error[disabled].focus,.button-error[disabled]:focus,.button-error[disabled]:hover,fieldset[disabled] .btn-error.focus,fieldset[disabled] .btn-error:focus,fieldset[disabled] .btn-error:hover,fieldset[disabled] .btn-link-error.focus,fieldset[disabled] .btn-link-error:focus,fieldset[disabled] .btn-link-error:hover,fieldset[disabled] .button-error.focus,fieldset[disabled] .button-error:focus,fieldset[disabled] .button-error:hover
{
	background-color:#d0021b;
	border-color:#d0021b
}

.btn-gray-radius,.button-gray-radius
{
	color:#7b7b7b;
	background-color:transparent;
	border:1px solid #ccc;
	text-align:center;
	transition:.3s;
	cursor:pointer;
	padding:6px 10px;
	font-size:16px;
	line-height:normal;
	border-radius:99em;
	vertical-align:middle;
	display:inline-block
}

.btn-gray-radius.focus,.btn-gray-radius:focus,.button-gray-radius.focus,.button-gray-radius:focus
{
	color:#7b7b7b;
	background-color:transparent;
	border-color:#a6a6a6;
	outline:none;
	box-shadow:none
}

.btn-gray-radius.active,.btn-gray-radius:active,.btn-gray-radius:hover,.button-gray-radius.active,.button-gray-radius:active,.button-gray-radius:hover,.open>.btn-gray-radius.dropdown-toggle,.open>.button-gray-radius.dropdown-toggle
{
	color:#7b7b7b;
	background-color:transparent;
	border-color:#adadad
}

.btn-gray-radius.active.focus,.btn-gray-radius.active:focus,.btn-gray-radius.active:hover,.btn-gray-radius:active.focus,.btn-gray-radius:active:focus,.btn-gray-radius:active:hover,.button-gray-radius.active.focus,.button-gray-radius.active:focus,.button-gray-radius.active:hover,.button-gray-radius:active.focus,.button-gray-radius:active:focus,.button-gray-radius:active:hover,.open>.btn-gray-radius.dropdown-toggle.focus,.open>.btn-gray-radius.dropdown-toggle:focus,.open>.btn-gray-radius.dropdown-toggle:hover,.open>.button-gray-radius.dropdown-toggle.focus,.open>.button-gray-radius.dropdown-toggle:focus,.open>.button-gray-radius.dropdown-toggle:hover
{
	color:#7b7b7b;
	background-color:transparent;
	border-color:#8c8c8c
}

.btn-gray-radius.disabled.focus,.btn-gray-radius.disabled:focus,.btn-gray-radius.disabled:hover,.btn-gray-radius[disabled].focus,.btn-gray-radius[disabled]:focus,.btn-gray-radius[disabled]:hover,.button-gray-radius.disabled.focus,.button-gray-radius.disabled:focus,.button-gray-radius.disabled:hover,.button-gray-radius[disabled].focus,.button-gray-radius[disabled]:focus,.button-gray-radius[disabled]:hover,fieldset[disabled] .btn-gray-radius.focus,fieldset[disabled] .btn-gray-radius:focus,fieldset[disabled] .btn-gray-radius:hover,fieldset[disabled] .button-gray-radius.focus,fieldset[disabled] .button-gray-radius:focus,fieldset[disabled] .button-gray-radius:hover
{
	background-color:transparent;
	border-color:#ccc
}

.btn-fb,.btn-link-fb,.button-fb
{
	display:inline-block
}

.btn-bump-ad
{
	position:relative;
	font-size:16px;
	color:#fff;
	display:block;
	padding:7px 16px;
	margin:12px 0 0;
	cursor:pointer
}

.btn-bump-ad:before
{
	content:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/btn_bump.svg);
	display:inline-block;
	vertical-align:middle;
	height:22px
}

.btn-bump-ad.selected
{
	background-image:none;
	background-color:#007d4a
}

.btn-bump-ad.selected:before
{
	font-family:olxicons;
	font-weight:400;
	content:"\F00C";
	position:absolute;
	left:12px;
	top:0
}

.btn-chat-icon
{
	background-color:#969696;
	-webkit-mask-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/chat.svg);
	mask-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/chat.svg);
	background-repeat:no-repeat;
	display:inline-block;
	vertical-align:middle;
	margin-right:8px
}

.btn-chat-icon-small
{
	width:24px;
	height:18px
}

.btn-two-choice-options
{
	margin:0 -8px
}

.btn-two-choice-options:after,.btn-two-choice-options:before
{
	display:block;
	content:"";
	clear:both
}

.btn-two-choice-options>.btn-option
{
	display:inline-block;
	width:50%;
	padding:0 8px
}

.all-categories
{
	padding:.2em 0 0 .2em;
	background-color:#fff;
	border-top:1px solid #e4e4e4;
	border-bottom:1px solid #e4e4e4
}

@media only screen and (min-width:40.063em)
{
	.all-categories
{
	background-color:transparent;
	border:0;
	padding:0;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-ms-flex-flow:row wrap;
	flex-flow:row wrap
}


}

.category-list-item
{
	list-style-type:none
}

@media only screen and (min-width:40.063em)
{
	.category-list-item
{
	width:19%;
	margin-right:1%;
	margin-bottom:1%
}

.category-list-item:nth-child(5n)
{
	margin-right:0
}


}

@media only screen and (min-width:64.063em)
{
	.category-list-item
{
	width:13.4%
}

.category-list-item:nth-child(5n)
{
	margin-right:1%
}

.category-list-item:nth-child(7n)
{
	margin-right:0
}


}

.category-list-item a
{
	display:block
}

.category-list-item a>span
{
	font-size:16px;
	color:#464646;
	display:block;
	position:relative;
	margin-left:50px;
	line-height:44px;
	transition:all .3s
}

.category-list-item a>span:hover
{
	background-color:#ececec
}

@media only screen and (min-width:40.063em)
{
	.category-list-item a>span
{
	font-size:12px;
	margin-left:0;
	padding-top:70px;
	padding-bottom:6px;
	text-align:center;
	background-color:#f2f2f2
}


}

.category-list-item a>span:before
{
	font-family:olxicons;
	position:absolute;
	font-weight:400;
	width:38px;
	height:38px;
	margin-left:-45px;
	text-align:center;
	color:#fff;
	border-radius:50%;
	line-height:38px;
	margin-top:2px
}

@media only screen and (min-width:40.063em)
{
	.category-list-item a>span:before
{
	margin-left:0;
	left:0;
	right:0;
	width:100%;
	height:auto;
	top:16px;
	border-radius:0;
	background-color:transparent;
	font-size:50px
}


}

@media only screen and (min-width:320px) and (max-width:40.063em) and (orientation:portrait)
{
	.category-list-item+.category-list-item a>span
{
	border-top:1px solid #e4e4e4
}


}

.auto-car:before,.auto:before
{
	content:"\F215";
	background:#f07461
}

.realestate:before
{
	content:"\F218";
	background:#44aa8d
}

.fashion:before
{
	content:"\F193";
	background:#db6b83
}

.computer:before
{
	content:"\F194";
	background:#f07d4b
}

.lifestyle:before
{
	content:"\F195";
	background:#4aa8c6
}

.shoes:before
{
	content:"\F233";
	background:#6183b9
}

.bag:before
{
	content:"\F232";
	background:#ff6b57
}

.travel:before
{
	content:"\F213";
	background:#96b83c
}

.mom_and_kid:before
{
	content:"\F202";
	background:#f2a894
}

.job_business_service:before
{
	content:"\F196";
	background:#5c9dac
}

.appliances_decoration:before
{
	content:"\F200";
	background:#97b234
}

.phone_device:before
{
	content:"\F219";
	background:#54c5cf
}

.music:before
{
	content:"\F222";
	background:#b979c9
}

.sport:before
{
	content:"\F223";
	background:#4a996a
}

.bicycles:before
{
	content:"\F216";
	background:#709d52
}

.collection:before
{
	content:"\F203";
	background:#ef6668
}

.electric:before
{
	content:"\F221";
	background:#4390c8
}

[class=game]:before
{
	content:"\F225";
	background:#a2934c
}

.camera_accessories:before
{
	content:"\F220";
	background:#40c9b1
}

.pet:before
{
	content:"\F224";
	background:#ba8863
}

.wedding:before
{
	content:"\F227"
}

.motorcycle:before
{
	content:"\F217";
	background:#8aa4db
}

.watch:before
{
	content:"\F231";
	background:#8381bd
}

.business_service:before
{
	content:"\F226";
	background:#5c9dac
}

.education:before
{
	content:"\F201";
	background:#9f8bc1
}

.beauty_health:before
{
	content:"\F198";
	background:#eb7391
}

.amulet:before
{
	content:"\F204";
	background:#eaa04e
}

.auto_part:before
{
	content:"\F229";
	background-color:#6284ba
}

.donation:before
{
	content:"\F228";
	background-color:#eb7290
}

@media only screen and (min-width:40.063em)
{
	.all-categories .auto-car:before,.all-categories .auto:before
{
	color:#f07461
}

.all-categories .realestate:before
{
	color:#44aa8d
}

.all-categories .fashion:before
{
	color:#db6b83
}

.all-categories .computer:before
{
	color:#f07d4b
}

.all-categories .lifestyle:before
{
	color:#4aa8c6
}

.all-categories .shoes:before
{
	color:#6183b9
}

.all-categories .bag:before
{
	color:#ff6b57
}

.all-categories .travel:before
{
	color:#96b83c
}

.all-categories .mom_and_kid:before
{
	color:#f2a894
}

.all-categories .job_business_service:before
{
	color:#5c9dac
}

.all-categories .appliances_decoration:before
{
	color:#97b234
}

.all-categories .phone_device:before
{
	color:#54c5cf
}

.all-categories .music:before
{
	color:#b979c9
}

.all-categories .sport:before
{
	color:#4a996a
}

.all-categories .bicycles:before
{
	color:#709d52
}

.all-categories .collection:before
{
	color:#ef6668
}

.all-categories .electric:before
{
	color:#4390c8
}

.all-categories [class=game]:before
{
	color:#a2934c
}

.all-categories .camera_accessories:before
{
	color:#40c9b1
}

.all-categories .pet:before
{
	color:#ba8863
}

.all-categories .motorcycle:before
{
	color:#8aa4db
}

.all-categories .watch:before
{
	color:#8381bd
}

.all-categories .business_service:before
{
	color:#5c9dac
}

.all-categories .education:before
{
	color:#9f8bc1
}

.all-categories .beauty_health:before
{
	color:#eb7391
}

.all-categories .amulet:before
{
	color:#eaa04e
}

.all-categories .auto_part:before
{
	color:#6284ba
}

.all-categories .donation:before
{
	color:#eb7290
}


}

[data-category-id]
{
	transition:all .3s
}

[data-category-id]:hover
{
	background-color:#f9f9f9
}

[data-category-id]:before
{
	font-family:olxicons;
	-webkit-font-smoothing:antialiased;
	text-decoration:inherit;
	speak:none;
	display:inline-block;
	font-weight:400;
	width:28px;
	height:28px;
	color:#7b7b7b;
	background-color:#eee;
	font-size:20px;
	line-height:22px;
	border-radius:100%;
	margin-right:8px;
	text-align:center
}

[data-category-id="29"]:before
{
	content:"\F219";
	color:#54c5cf
}

[data-category-id="27"]:before
{
	content:"\F194";
	color:#f70
}

[data-category-id="60"]:before
{
	content:"\F222";
	color:#b979c9
}

[data-category-id="61"]:before
{
	content:"\F223";
	color:#4a996a
}

[data-category-id="123"]:before
{
	content:"\F216";
	color:#709d52
}

[data-category-id="130"]:before
{
	content:"\F202";
	color:#f2a894
}

[data-category-id="95"]:before
{
	content:"\F232";
	color:#ff6b57
}

[data-category-id="99"]:before
{
	content:"\F231";
	color:#8381bd
}

[data-category-id="96"]:before
{
	content:"\F233";
	color:#6183b9
}

[data-category-id="5"]:before
{
	content:"\F193";
	color:#db6b83
}

[data-category-id="6"]:before
{
	content:"\F198";
	color:#eb7391
}

[data-category-id="3"]:before
{
	content:"\F200";
	color:#97b234
}

[data-category-id="57"]:before
{
	content:"\F204";
	color:#eaa04e
}

[data-category-id="103"]:before
{
	content:"\F203";
	color:#ef6668
}

[data-category-id="28"]:before
{
	content:"\F220";
	color:#40c9b1
}

[data-category-id="70"]:before
{
	content:"\F221";
	color:#4390c8
}

[data-category-id="31"]:before
{
	content:"\F225";
	color:#a2934c
}

[data-category-id="62"]:before
{
	content:"\F224";
	color:#ba8863
}

[data-category-id="2"]:before
{
	content:"\F218";
	color:#44aa8d
}

[data-category-id="1"]:before
{
	content:"\F215";
	color:#f07461
}

[data-category-id="270"]:before
{
	content:"\F229";
	color:#6284ba
}

[data-category-id="149"]:before
{
	content:"\F217";
	color:#8aa4db
}

[data-category-id="10"]:before
{
	content:"\F195";
	color:#4aa8c6
}

[data-category-id="7"]:before
{
	content:"\F196";
	color:#5c9dac
}

[data-category-id="45"]:before
{
	content:"\F226";
	color:#5c9dac
}

[data-category-id="9"]:before
{
	content:"\F213";
	color:#96b83c
}

[data-category-id="8"]:before
{
	content:"\F201";
	color:#9f8bc1
}

[data-category-id="283"]:before
{
	content:"\F228";
	color:#eb7290
}

@media only screen and (min-width:64.063em)
{
	.listing .member-ads-preview.clear
{
	overflow:hidden
}

.component-feed-contact.experiment-feed,.component-feed-fav.experiment-feed
{
	display:block
}

.component-contact
{
	position:absolute;
	height:44px;
	left:0;
	right:0;
	opacity:0;
	background-color:transparent;
	border-top:1px solid #f1f1f1;
	z-index:200;
	bottom:-44px;
	transition:bottom .2s
}

.member-ads-preview:hover .component-contact
{
	background-color:#fff;
	opacity:1;
	bottom:0
}

.member-ads-preview:hover .component-feed-contact.experiment-feed,.member-ads-preview:hover .component-feed-fav.experiment-feed
{
	opacity:1
}

.component-feed-contact.experiment-feed,.component-feed-fav.experiment-feed
{
	height:44px;
	line-height:44px;
	opacity:0;
	transition:opacity .5
}


}

.component-feed-contact
{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	height:44px;
	overflow:hidden;
	padding:0 16px;
	z-index:3
}

@media only screen and (min-width:40.063em)
{
	.component-feed-contact
{
	padding:0 8px
}


}

.component-feed-contact .chat-with-seller
{
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	width:140px;
	height:44px;
	position:absolute;
	bottom:0;
	top:0;
	line-height:44px;
	color:#9e9e9e;
	font-size:14px
}

@media only screen and (min-width:40.063em)
{
	.component-feed-contact .chat-with-seller
{
	height:44px;
	line-height:44px;
	left:6px
}


}

.component-feed-fav
{
	position:absolute;
	bottom:0;
	width:44px;
	height:44px;
	right:0;
	z-index:10
}

@media only screen and (min-width:40.063em)
{
	.component-feed-fav
{
	height:44px
}


}

.component-feed-fav .favor-this
{
	height:44px;
	position:absolute;
	bottom:0;
	top:0;
	right:0
}

@media only screen and (min-width:40.063em)
{
	.component-feed-fav .favor-this
{
	height:44px
}


}

.component-feed-fav .df-icon-heart
{
	display:block;
	line-height:44px;
	color:transparent;
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/favorite-icon.svg);
	background-repeat:no-repeat;
	background-position:center 14px;
	width:44px
}

@media only screen and (min-width:40.063em)
{
	.component-feed-fav .df-icon-heart
{
	background-position:50%;
	height:44px
}


}

.component-feed-fav .df-icon-heart:before
{
	display:none
}

.component-feed-fav .df-icon-heart.active
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/favorite-icon-active.svg)
}

.item-seller-contact
{
	overflow:hidden;
	margin-bottom:10px
}

.item-seller-contact .df-icon-map-marker
{
	line-height:normal
}

.item-seller-contact .item-location
{
	height:auto!important;
	line-height:12px!important
}

.display-name-seller
{
	font-size:14px;
	line-height:normal;
	color:#7b7b7b
}

.avatar-seller
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/member-profile-avatar.png);
	background-repeat:no-repeat;
	float:left;
	width:35px;
	height:35px;
	border-radius:100%;
	margin-right:8px;
	overflow:hidden;
	background-size:cover
}

.avatar-seller .profile-image
{
	display:block;
	width:35px;
	height:35px;
	background-size:cover
}

.chat-navbar-footer
{
	background-color:#efeff4;
	position:fixed;
	bottom:0;
	right:0;
	left:0;
	z-index:99
}

@media only screen and (min-width:40.063em)
{
	.chat-navbar-footer
{
	background-color:transparent;
	padding-bottom:32px;
	position:static
}


}

.mb-contacts-bar
{
	background-color:#00c977;
	position:fixed;
	bottom:0;
	right:0;
	left:0;
	z-index:99
}

#call-to-buyer
{
	display:block;
	color:#00c977
}

.navbar-chat-to-buyer
{
	margin:16px 8px;
	color:#969696
}

@media only screen and (min-width:40.063em)
{
	.navbar-chat-to-buyer
{
	margin:auto
}


}

.navbar-chat-to-buyer .wrap-full-chat
{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-ms-flex-direction:row;
	flex-direction:row
}

@media only screen and (min-width:40.063em)
{
	.navbar-chat-to-buyer .wrap-full-chat
{
	display:none
}


}

.navbar-chat-to-buyer .icon-chat-mb
{
	border:1px solid #d1d1df;
	color:#969696;
	height:40px;
	line-height:40px;
	border-radius:20px;
	display:block;
	text-align:center;
	font-size:14px;
	background-color:#fff;
	-webkit-box-flex:1;
	-ms-flex-positive:1;
	flex-grow:1;
	margin:8px 5px 0
}

@media only screen and (max-width:40em)
{
	.chat-bar-mobile
{
	text-align:center
}


}

.chat-bar-mobile>*
{
	margin-bottom:8px
}

@media only screen and (min-width:64.063em)
{
	.chat-bar-mobile
{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-ms-flex-direction:row;
	flex-direction:row
}

.chat-bar-mobile>span:first-child
{
	margin-top:4px
}

.chat-bar-mobile>.button-green
{
	font-size:14px;
	-webkit-box-flex:1;
	-ms-flex-positive:1;
	flex-grow:1;
	margin:0 5px;
	padding-left:0;
	padding-right:0;
	line-height:22px
}


}

.tel-to-seller-on-chat
{
	float:right;
	line-height:52px;
	padding-right:8px;
	color:#00c977
}

.tel-to-seller-on-chat .phone-title
{
	line-height:56px;
	display:inline-block
}

.tel-to-seller-on-chat .button-green
{
	font-size:13px;
	border-radius:20px;
	padding-left:12px;
	padding-right:12px
}

.tel-to-seller-on-chat .df-icon-phone
{
	font-size:18px;
	line-height:0;
	vertical-align:top;
	margin-right:8px
}

.chat-btn-group span
{
	display:inline-block;
	margin-right:16px;
	border-radius:20px
}

.chat-btn-group span:not(:first-child)
{
	padding:6px 8px;
	margin-right:4px;
	font-size:90%
}

@media only screen and (min-width:40.063em)
{
	.chat-btn-group span:not(:first-child)
{
	font-size:100%
}


}

.chat-btn-group .icon-quick-chat
{
	display:none;
	padding-left:25px;
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/quick-chat-icon.svg);
	background-repeat:no-repeat;
	background-position:3px 7px;
	background-size:16px;
	min-width:0
}

@media only screen and (min-width:40.063em)
{
	.chat-btn-group .icon-quick-chat
{
	display:block
}


}

.chat-seller-macro
{
	position:absolute;
	z-index:1000;
	bottom:48px;
	text-align:center;
	left:0;
	right:0;
	background-color:#fff;
	padding:8px
}

@media only screen and (min-width:40.063em)
{
	.chat-seller-macro
{
	bottom:88px
}


}

.chat-seller-macro>span
{
	color:#00c977;
	background-color:#fff;
	border:1px solid #00c977;
	text-align:center;
	transition:.3s;
	padding:6px 8px;
	font-size:12px;
	line-height:normal;
	border-radius:16px;
	vertical-align:middle;
	display:inline-block;
	cursor:pointer;
	margin:0 8px
}

.chat-seller-macro>span.focus,.chat-seller-macro>span:focus
{
	color:#00c977;
	background-color:#fff;
	border-color:#007d4a;
	outline:none;
	box-shadow:none
}

.chat-seller-macro>span:hover
{
	color:#00c977;
	background-color:#f2f2f2;
	border-color:#008c53
}

.chat-seller-macro>span.active,.chat-seller-macro>span:active,.open>.chat-seller-macro>span.dropdown-toggle
{
	color:#00c977;
	background-color:#e6e6e6;
	border-color:#008c53
}

.chat-seller-macro>span.active.focus,.chat-seller-macro>span.active:focus,.chat-seller-macro>span.active:hover,.chat-seller-macro>span:active.focus,.chat-seller-macro>span:active:focus,.chat-seller-macro>span:active:hover,.open>.chat-seller-macro>span.dropdown-toggle.focus,.open>.chat-seller-macro>span.dropdown-toggle:focus,.open>.chat-seller-macro>span.dropdown-toggle:hover
{
	color:#00c977;
	background-color:#d4d4d4;
	border-color:#004a2c
}

.chat-seller-macro>span.disabled.focus,.chat-seller-macro>span.disabled:focus,.chat-seller-macro>span.disabled:hover,.chat-seller-macro>span[disabled].focus,.chat-seller-macro>span[disabled]:focus,.chat-seller-macro>span[disabled]:hover,fieldset[disabled] .chat-seller-macro>span.focus,fieldset[disabled] .chat-seller-macro>span:focus,fieldset[disabled] .chat-seller-macro>span:hover
{
	background-color:#fff;
	border-color:#00c977
}

@media only screen and (min-width:64.063em)
{
	.chat-seller-macro>span
{
	padding:6px 25px;
	font-size:14px;
	line-height:normal;
	border-radius:16px;
	display:inline-block;
	vertical-align:middle
}


}

.title-error
{
	font-size:16px;
	margin:0
}

.notfound-container
{
	overflow:hidden;
	padding:5% 20px;
	color:#7b7b7b
}

.notfound-container .list-content
{
	font-size:.9em;
	padding:0 0 0 20px;
	margin:0
}

.notfound-container .list-content>li
{
	line-height:1.8
}

.notfound-container .df-icon-chevron-left:before
{
	display:inline-block;
	vertical-align:-2px;
	margin-right:10px
}

.notfound-container .site-link
{
	text-align:center;
	margin-top:20px
}

@media only screen and (min-width:40.063em)
{
	.notfound-container .site-link
{
	text-align:left
}


}

.notfound-image
{
	text-align:center
}

@media only screen and (min-width:40.063em)
{
	.notfound-image
{
	width:45%;
	float:left
}


}

.notfound-image img
{
	max-width:120px
}

@media only screen and (min-width:40.063em)
{
	.notfound-image img
{
	max-width:240px
}


}

@media only screen and (min-width:40.063em)
{
	.notfound-content
{
	padding:30px 0 0 40px;
	overflow:hidden
}


}

.notfound-content .title-notfound
{
	font-size:20px;
	text-align:center;
	margin:0 0 15px
}

@media only screen and (min-width:40.063em)
{
	.notfound-content .title-notfound
{
	font-size:1.2em;
	text-align:left
}


}

.alert-error
{
	color:red;
	font-weight:400;
	line-height:20px
}

.error-valid input
{
	border-color:#fd0826!important
}

input.error
{
	border:1px solid red!important
}

.error-active .type-error
{
	opacity:.7
}

.error-active #upload-photo,.error-active .input-data,.error-active .input-data select,.error-active input
{
	border-color:#d33434
}

.type-error
{
	-webkit-animation-duration:2s;
	animation-duration:2s;
	-webkit-animation-delay:1s;
	animation-delay:1s;
	color:#d0021b;
	font-size:12px;
	padding-top:4px;
	opacity:0;
	overflow:hidden
}

.my-favorites .trash-favorite
{
	display:block;
	position:absolute;
	right:0;
	top:auto;
	bottom:-2px;
	font-size:150%;
	cursor:pointer;
	color:#ccc;
	padding:0 10px
}

@media only screen and (min-width:40.063em)
{
	.my-favorites .trash-favorite
{
	bottom:1px
}


}

.trash-favorite
{
	display:block;
	position:absolute;
	right:0;
	top:auto;
	bottom:-2px;
	font-size:150%;
	cursor:pointer;
	color:#ccc;
	padding:0 10px
}

@media only screen and (min-width:40.063em)
{
	.trash-favorite
{
	bottom:1px
}


}

.fade-favorite
{
	background-color:#4b67ca;
	color:#fff;
	position:fixed;
	bottom:-100%;
	left:0;
	right:0;
	text-align:center;
	padding:12px 8px;
	opacity:0;
	z-index:9999999;
	transition-property:all;
	transition-duration:.2s;
	transition-timing-function:cubic-bezier(0,1,.2,1)
}

@media only screen and (min-width:40.063em)
{
	.fade-favorite
{
	display:none
}


}

.favorite_action.fade-favorite
{
	opacity:1;
	bottom:0
}

.screen-overlay
{
	left:0;
	background:rgba(0,0,0,.4);
	width:100%;
	transition:all .2s ease;
	z-index:4000
}

#drawer-wraper,.screen-overlay
{
	position:fixed;
	top:0;
	height:100%
}

#drawer-wraper
{
	background:#fff;
	width:80%;
	-webkit-transform:translate(-100%);
	transform:translate(-100%);
	z-index:5000;
	transition:all .35s ease
}

#drawer-wraper+.screen-overlay
{
	opacity:0;
	left:-100%;
	transition:opacity .5s ease,position
}

#drawer-wraper.show
{
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
}

#drawer-wraper.show+.screen-overlay
{
	opacity:1;
	-webkit-transform:translate3d(100%,0,0);
	transform:translate3d(100%,0,0)
}

#drawer-menu
{
	padding-top:10px
}

#drawer-menu ul li.drawer-myprofile>a
{
	border-bottom:1px solid #ededed;
	margin:0 10px 10px;
	padding-bottom:10px
}

#drawer-menu ul li.drawer-myprofile>a>span:first-child
{
	width:40px;
	height:40px;
	border-radius:50%;
	color:transparent;
	overflow:hidden
}

#drawer-menu ul li.drawer-myprofile>a>span:nth-child(2)
{
	padding-left:10px;
	line-height:40px;
	display:block;
	font-size:90%;
	margin-bottom:5px;
	margin-top:-5px;
	max-width:170px;
	overflow:hidden;
	text-overflow:ellipsis
}

#drawer-menu ul li:not(.drawer-myprofile) a
{
	line-height:2.6em
}

#drawer-menu ul li a
{
	display:block;
	padding:0 10px 0 5px;
	color:#4c4c4c
}

#drawer-menu ul li a:before
{
	display:inline-block;
	width:26px;
	text-align:center;
	margin-right:6px;
	color:#9c9c9c
}

#drawer-menu ul li a.df-icon-chat:before
{
	color:transparent;
	width:30px;
	height:40px;
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/chat-gray.svg);
	background-repeat:no-repeat;
	background-size:24px;
	background-position:2px 16px
}

#drawer-menu ul li a[class*=bg-icon-]
{
	background-position:8px 14px;
	background-size:18px;
	padding-left:35px
}

#drawer-menu-button
{
	position:fixed;
	width:40px;
	top:10px;
	left:5px;
	line-height:28px;
	height:34px;
	color:rgba(50,50,50,.5);
	border:1px solid rgba(50,50,50,.3);
	border-radius:2px;
	text-align:center;
	z-index:1001
}

@media only screen and (min-width:40.063em)
{
	#drawer-menu-button
{
	display:none
}


}

.unread-toggle,i.unread-bar
{
	display:inline-block;
	position:absolute;
	margin-top:12px;
	min-width:22px;
	height:22px;
	font-size:70%;
	font-style:normal;
	line-height:22px;
	text-align:center;
	color:#fff;
	background-color:#d33434;
	border-radius:50%;
	font-family:helvetica
}

i.unread-bar
{
	right:20px
}

.unread-toggle
{
	margin-top:-10px;
	margin-left:-4px;
	font-size:60%;
	opacity:0
}

#footer
{
	background-color:#f4f4f4;
	border-top:1px solid #e8e8e8
}

.footer-menu
{
	padding:20px 0 30px
}

.footer-menu h3
{
	color:#969696;
	font-size:16px;
	font-weight:600
}

@media only screen and (min-width:40.063em)
{
	.footer-menu>ul
{
	margin-left:8px
}


}

.footer-menu li a
{
	color:#969696;
	display:table;
	font-size:13px;
	margin-top:8px
}

.footer-menu .copyright
{
	color:#ababab;
	font-size:12px;
	text-align:center;
	margin:45px 0 0
}

.footer-infomation
{
	position:relative;
	font-size:12px;
	color:#969696
}

.footer-infomation p
{
	display:none;
	margin:6px auto
}

.footer-infomation .copyright>span
{
	display:inline-block;
	white-space:nowrap
}

.footer-infomation .copyright>span:first-child
{
	padding-right:8px
}

.footer-infomation .copyright>span~span
{
	padding:0 8px;
	border-left:1px solid #e7e5e5
}

.footer-infomation .download-apps
{
	display:none
}

.footer-infomation .download-apps>span
{
	float:none
}

.footer-infomation .download-apps>span a
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/download-android-ios.png);
	background-repeat:no-repeat;
	border-radius:5px;
	display:block;
	margin:0;
	height:44px;
	width:124px
}

.footer-infomation .download-apps .ios-app a
{
	background-position:0 -34px;
	background-size:91%
}

.footer-infomation .download-apps .ios-app b
{
	color:transparent
}

.footer-infomation .download-apps .android-app a
{
	background-position:0 5px;
	background-size:105%
}

.footer-infomation .download-apps .android-app b
{
	color:transparent
}

.active-selection
{
	background-color:#fff;
	position:fixed;
	top:20px;
	right:20px;
	bottom:20px;
	left:20px
}

.active-selection header
{
	position:relative
}

.active-selection header a
{
	position:absolute;
	top:14px;
	color:#666
}

.active-selection header a.back
{
	left:10px
}

.active-selection header a.back:before
{
	font-family:olxicons;
	font-weight:400;
	content:"\F104";
	display:inline-block;
	margin-right:6px
}

.active-selection header a.close
{
	right:10px
}

.active-selection header h2
{
	text-align:center;
	font-size:1.2em;
	margin:0;
	padding:10px 0;
	border-bottom:1px solid #ededed;
	position:relative
}

.active-selection .selection-listing
{
	position:fixed;
	top:70px;
	right:20px;
	bottom:20px;
	left:20px;
	overflow:auto
}

.active-selection .selection-listing ul li a
{
	display:block;
	line-height:2.4em;
	padding:0 10px;
	position:relative;
	color:#969696;
	transition:all .3s
}

.active-selection .selection-listing ul li a:hover
{
	background-color:#f9f9f9;
	color:#464646
}

.active-selection .selection-listing ul li+li a
{
	border-top:1px solid #ededed
}

.active-selection .selection-listing ul.more li:not(.all) a:after
{
	font-family:olxicons;
	content:"\F105";
	font-weight:400;
	display:inline-block;
	position:absolute;
	right:10px;
	top:1px
}

.active-selection .mibile-price-selection
{
	margin:10px
}

.active-selection .mibile-price-selection .crow input
{
	font-size:95%;
	line-height:2.2em
}

.active-selection .mibile-price-selection .crow span:first-child
{
	width:45%
}

.active-selection .mibile-price-selection .crow span:first-child+span
{
	width:10%;
	text-align:center
}

.active-selection .mibile-price-selection .crow span:first-child+span+span
{
	width:45%
}

.active-selection .mibile-attr-selection
{
	position:relative;
	margin:10px;
	font-size:80%
}

.active-selection .mibile-attr-selection.select:after
{
	font-family:olxicons;
	content:"\F107";
	font-weight:400;
	display:inline-block;
	position:absolute;
	right:10px;
	top:10px;
	font-size:120%
}

.active-selection .mibile-attr-selection.fiterrealestate>*
{
	line-height:2.2em;
	font-size:1.2em;
	text-align:right;
	color:#999
}

.active-selection .mibile-attr-selection.fiterrealestate>* input
{
	font-size:95%
}

.active-selection .get-result
{
	margin:10px
}

.active-selection .get-result button
{
	color:#fff;
	font-size:100%;
	background-color:#00c977
}

body:not(.phone) [class^=overlay-app]
{
	display:none
}

.overlay-app
{
	text-align:center;
	color:#fff;
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background-color:rgba(0,0,0,.8);
	overflow:hidden;
	z-index:9999
}

.overlay-app .df-icon-dfclose
{
	position:absolute;
	top:10px;
	right:0;
	display:block;
	width:34px;
	height:34px;
	overflow:hidden
}

.overlay-app .df-icon-dfclose>span
{
	display:none
}

.overlay-app .df-icon-dfclose:before
{
	font-size:1.4em
}

.overlay-app>p
{
	margin:10px auto
}

a.download-app-now
{
	display:inline-block;
	background-color:#00c977;
	border-radius:2px;
	color:#fff;
	line-height:2em;
	font-size:1.6em;
	padding:0 1em
}

a.download-app-now:active,a.download-app-now:hover
{
	color:#fff
}

.text-z
{
	font-size:1.2em;
	font-weight:400
}

.overlay-app .continue-in-browser
{
	font-size:1em;
	color:hsla(0,0%,100%,.8);
	margin-top:25px
}

.o-review
{
	color:hsla(0,0%,100%,.6)
}

.o-review img
{
	display:inline-block;
	max-width:30%;
	margin-right:10px
}

.sample-img
{
	display:block;
	max-width:70%;
	margin:10px auto 0
}

.df-survey.noDesktop,.df-survey.noPhone,.df-survey.noTablet
{
	display:none
}

.desktop .df-survey.showDesktop,.phone .df-survey.showPhone,.tablet .df-survey.showTablet
{
	display:block
}

body.cart.phone .footer-container,body.member-topup.phone .footer-container,body.payment.phone .chat-header,body.payment.phone .footer-container,body.payment.phone .place-my-ad,body.product.phone .df-survey
{
	display:none
}

.df-survey
{
	position:fixed;
	right:0;
	bottom:0;
	left:0;
	width:100%;
	line-height:34px;
	z-index:7777;
	background:#333;
	color:#fff;
	font-size:80%
}

@media only screen and (min-width:64.063em)
{
	.df-survey
{
	width:320px;
	padding:.6em;
	left:20px;
	bottom:48px;
	right:auto;
	border-radius:2px
}


}

.df-survey a
{
	display:inline-block;
	margin:0 6px;
	line-height:28px;
	padding:0 6px;
	border-radius:2px
}

.df-survey #sv-ok
{
	color:#fff;
	background-color:#00c977
}

.df-survey #sv-ok:hover
{
	opacity:.8
}

.df-survey #sv-no
{
	color:#777;
	border:1px solid #777
}

.df-survey>div
{
	text-align:center;
	padding:2px 0
}

.df-survey .nps-text
{
	display:block
}

@media only screen and (min-width:40.063em)
{
	.df-survey .nps-text
{
	display:inline
}


}

.event-view
{
	text-align:center;
	color:#fff;
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background-color:rgba(0,0,0,.8);
	z-index:9999
}

.event-view>div
{
	top:50%;
	position:fixed;
	margin-top:-220px;
	width:500px;
	margin-right:-250px;
	right:50%
}

.event-view>div a
{
	opacity:.8;
	font-size:80%
}

.event-view>div a:hover
{
	color:#fff;
	opacity:.5
}

.event-view>div .close-banner
{
	position:absolute;
	right:-2px;
	margin-top:-20px
}

body.phone .event-view,body.tablet .event-view
{
	display:none
}

@media (min-height:500px)
{
	.sample-img
{
	max-width:75%;
	margin:30px auto 0
}


}

@media (min-height:570px)
{
	.overlay-app>p
{
	margin:14px auto
}

.sample-img
{
	margin:70px auto 0
}


}

@media screen and (min-width:720px) and (max-width:1009px)
{
	.download-apps>span
{
	margin-top:2em
}


}

@media screen and (min-width:720px)
{
	.copy-and-info
{
	text-align:center
}

.copy-and-info .footer-infomation p
{
	display:block
}


}

@media screen and (min-width:1010px)
{
	.copy-and-info
{
	text-align:left
}

.copy-and-info .footer-infomation .download-apps,.copy-and-info .footer-infomation .download-apps span
{
	display:block
}


}

body.android .copy-and-info .footer-infomation .download-apps,body.ios .copy-and-info .footer-infomation .download-apps
{
	display:block
}

body.android .copy-and-info .footer-infomation .download-apps .ios-app,body.ios .copy-and-info .footer-infomation .download-apps .android-app,body.phone.member .copy-and-info .footer-infomation .download-apps,body.phone.product .copy-and-info .footer-infomation .download-apps
{
	display:none
}

#noti-view
{
	text-align:center;
	position:fixed;
	right:0;
	top:47px;
	left:0
}

#noti-view>p
{
	font-size:80%;
	display:inline-block;
	border-color:#f0c36d;
	background-color:#f9edbe;
	padding:8px;
	text-align:center
}

.drawermenu-helps
{
	position:absolute;
	background-color:#fff;
	top:0;
	left:0;
	right:0;
	bottom:0
}

.drawermenu-helps>header
{
	font-size:110%;
	padding:10px 20px;
	box-shadow:0 1px 1px #dedede
}

.drawermenu-helps>a
{
	position:absolute;
	top:6px;
	right:10px;
	color:transparent;
	z-index:1
}

.drawermenu-helps>a:before
{
	font-size:22px;
	color:#494949
}

.drawermenu-helps .drawermenu-helps-header
{
	list-style:none;
	margin:0 20px
}

.drawermenu-helps .drawermenu-helps-header li
{
	line-height:2.6em;
	border-bottom:1px solid #dedede
}

.survey-fix-footer
{
	display:none
}

.home .survey-fix-footer,.listing .survey-fix-footer,.member .survey-fix-footer
{
	display:block
}

@media screen and (max-width:1024px) and (min-width:769px)
{
	.footer-menu>ul>li:nth-child(odd)
{
	padding-left:7em
}


}

@media only screen and (min-width:48em) and (max-width:64em)
{
	.footer-menu h3
{
	text-align:left
}

.footer-menu>ul>li
{
	margin-bottom:8px;
	width:50%
}

.footer-menu>ul>li:last-child .footer-infomation a
{
	margin:initial
}


}

@media only screen and (max-width:40em)
{
	#header
{
	position:fixed!important
}

.footer-menu h3
{
	margin-bottom:5px;
	text-align:center
}

.footer-menu>ul>li
{
	margin-bottom:20px
}

.footer-menu>ul>li:last-child
{
	margin-bottom:0
}

.footer-menu>ul>li:last-child a
{
	margin:auto
}

.footer-menu>ul>li a
{
	display:block;
	margin-top:0;
	text-align:center
}

.footer-infomation .download-apps .ios-app a
{
	background-position:7px -34px
}

.footer-infomation .download-apps .android-app a
{
	background-position:9px 5px
}


}

#header
{
	position:fixed;
	top:0;
	right:0;
	left:0;
	z-index:1000;
	border-bottom:1px solid #e8e8e8;
	background-color:#fff
}

@media only screen and (min-width:40.063em)
{
	#header
{
	min-height:64px;
	position:relative;
	top:auto;
	right:auto;
	left:auto;
	z-index:1000
}


}

#header .header-content
{
	position:relative;
	min-height:54px;
	padding:10px 0
}

@media only screen and (min-width:40.063em)
{
	#header .header-content
{
	min-height:64px
}


}

#header.overlay
{
	z-index:3
}

.place-my-ad
{
	position:absolute;
	right:5px;
	width:50px
}

@media screen and (min-width:360px)
{
	.place-my-ad
{
	width:60px
}


}

@media only screen and (min-width:40.063em)
{
	.place-my-ad
{
	right:0;
	top:14px;
	width:70px
}


}

.nav-user-login
{
	position:absolute;
	right:100px;
	margin-top:10px
}

.nav-user-login>.col+.col
{
	margin-left:10px;
	color:#969696
}

.nav-user-menu-hover .nav-user-menu-list
{
	display:block
}

.smart-search-result
{
	position:absolute;
	top:34px;
	max-height:250px;
	height:0;
	overflow:auto;
	z-index:201;
	width:85%;
	background-color:hsla(0,0%,100%,.95);
	text-indent:0;
	border:0;
	transition:height .3s ease
}

.smart-search-result li
{
	list-style-type:none;
	line-height:2em;
	margin:0 0 0 -40px!important;
	padding:0;
	font-size:80%
}

.smart-search-result li a
{
	display:block;
	padding:0 15px
}

.smart-search-result li a:hover
{
	background-color:#f8f8f8
}

.smart-search-result li+li a
{
	border-top:1px solid #f8f8f8
}

.smart-search-result .search-result-list-title
{
	padding-left:15px;
	background-color:#f2f2f2
}

.chat-notification-bar
{
	display:block;
	line-height:34px;
	min-width:40px;
	min-height:34px
}

.chat-notification-bar:before
{
	content:" ";
	display:block;
	float:left;
	width:40px;
	height:40px;
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/chat-blue.svg);
	background-repeat:no-repeat;
	background-size:30px;
	background-position:4px 8px
}

.chat-notification-bar .chat-totalcount-unread
{
	display:block;
	padding:0 2px;
	min-width:20px;
	height:20px;
	border-radius:50%;
	background-color:#d33434;
	line-height:20px;
	text-align:center;
	color:#fff;
	font-size:.6em;
	position:absolute;
	left:20px;
	top:-4px;
	z-index:1
}

#chatHeader
{
	position:absolute;
	right:270px;
	top:15px
}

#chatHeader .chat-header-nest
{
	width:300px;
	position:absolute;
	margin-left:-190px;
	border:1px solid #e8e8e8;
	margin-top:20px;
	border-radius:2px;
	box-shadow:0 2px 4px rgba(50,50,50,.18);
	z-index:7778
}

@media only screen and (min-width:40.063em)
{
	#chatHeader .chat-header-nest
{
	margin-left:-120px;
	margin-top:20px
}


}

#chatHeader .chat-header-nest .all-unread-messages
{
	line-height:32px;
	padding:0 10px;
	background-color:#f2f2f2;
	font-size:90%;
	color:#777;
	border-bottom:1px solid #e8e8e8
}

#chatHeader .chat-header-nest .all-unread-messages:after
{
	content:" ";
	display:block;
	position:absolute;
	width:20px;
	height:20px;
	margin-top:0;
	top:-10px;
	right:80px;
	background-color:#f2f2f2;
	box-shadow:0 0 4px rgba(50,50,50,.18);
	z-index:-1;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg)
}

@media only screen and (min-width:40.063em)
{
	#chatHeader .chat-header-nest .all-unread-messages:after
{
	right:150px
}


}

#chatHeader .chat-header-nest .see-all-messages>a
{
	display:block;
	line-height:34px;
	text-align:center;
	background-color:#fafafa;
	font-size:90%
}

#chatHeader .chat-header-nest .avatar
{
	display:block;
	overflow:hidden;
	border-radius:50%
}

#chatHeader .chat-header-nest .room-list
{
	max-height:300px;
	overflow:auto
}

#chatHeader .chat-header-nest .room-list>li
{
	background-color:#f2f2f2
}

#chatHeader .chat-header-nest .room-list>li>a>div
{
	height:56px;
	padding-top:0;
	padding-bottom:0
}

#chatHeader .chat-header-nest .room-list>li>a>div figure
{
	top:8px
}

#chatHeader .chat-header-nest .room-list>li>a>div figure span
{
	width:40px;
	height:40px
}

#chatHeader .chat-header-nest .room-list>li>a>div .chat-intro .over-elpip
{
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:.8em
}

#chatHeader .chat-header-nest .room-list>li>a>div .chat-intro .thread-last-message
{
	font-size:75%
}

#chatHeader .chat-header-nest .room-list>li>a>div .time
{
	font-size:60%
}

#chatHeader .chat-header-nest .room-list>li>a>div .unread
{
	height:20px;
	min-width:20px;
	line-height:20px;
	font-size:.6em;
	top:6px
}

#chatHeader .chat-header-nest .room-list>li>a .list-avatar
{
	width:34px;
	height:34px;
	top:10px
}

#chatHeader .chat-header-nest .room-list>li:hover
{
	background-color:#fff
}

#chatHeader .chat-header-nest .empty-room
{
	min-height:240px;
	background-color:#f2f2f2;
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/none_chat_dt.png);
	background-repeat:no-repeat;
	background-size:100%;
	background-position:0 15px;
	color:transparent
}

.home #header.show-event
{
	padding-top:40px;
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/mothers-day-web-banner.jpg);
	background-repeat:no-repeat;
	background-position:top;
	background-size:auto 40px
}

@media only screen and (min-width:40.063em)
{
	.home #header.show-event
{
	padding-top:70px;
	background-size:auto 70px
}


}

.home #header.show-event~div #drawer-menu-button
{
	top:50px
}

.trash-history
{
	display:block;
	position:absolute;
	right:0;
	top:auto;
	bottom:-2px;
	font-size:150%;
	cursor:pointer;
	color:#ccc;
	padding:0 10px
}

@media only screen and (min-width:40.063em)
{
	.trash-history
{
	bottom:1px
}


}

@media only screen and (min-width:40.063em)
{
	.history .member-ads-list.owner-ads-list li.member-ads-preview
{
	width:31.5%;
	margin-left:0;
	margin-right:2%
}

.history .member-ads-list.owner-ads-list li.member-ads-preview:nth-child(3n)
{
	margin-right:0
}


}

@media only screen and (min-width:64.063em)
{
	.history .member-ads-list.owner-ads-list li.member-ads-preview
{
	width:23.5%
}

.history .member-ads-list.owner-ads-list li.member-ads-preview:nth-child(3n)
{
	margin-right:2%
}

.history .member-ads-list.owner-ads-list li.member-ads-preview:nth-child(4n)
{
	margin-right:0
}


}

.history h4
{
	font-size:18px;
	text-align:center;
	font-weight:500
}

#buy-sell-container
{
	padding:20px 0
}

@media only screen and (min-width:40.063em)
{
	#buy-sell-container
{
	padding-top:4em;
	padding-bottom:4em
}


}

.quote
{
	position:relative;
	color:#aaa;
	font-size:1.3em;
	width:300px;
	margin:0 auto;
	text-align:center
}

.quote:before
{
	width:50px;
	height:60px;
	background:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/arrow.png) no-repeat;
	background-size:70%;
	content:"";
	position:absolute;
	left:-4px;
	top:62px
}

#buy-sell-box
{
	max-width:330px;
	margin:20px auto 40px
}

#buy-sell-box p
{
	float:left;
	width:50%
}

#buy-sell-box a
{
	display:block;
	margin:0 auto .8em;
	color:transparent;
	background-size:100%
}

#buy-sell-box b
{
	display:block;
	text-align:center;
	font-weight:400;
	color:#a8a8a8
}

#buy-sell-box .home-sell-button
{
	width:140px;
	height:140px;
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/sell-button.png);
	background-repeat:no-repeat
}

#buy-sell-box .home-buy-button
{
	width:110px;
	height:110px;
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/buy-button.png);
	background-repeat:no-repeat;
	margin-top:15px;
	margin-bottom:27px
}

.home-page aside
{
	max-width:320px;
	margin:0 auto
}

.home-page aside #countProduct
{
	font-size:75%;
	color:#ababab;
	text-align:center;
	margin-top:10px
}

.home-page aside #box_search
{
	position:relative;
	width:80%;
	margin:auto
}

.home-page aside #box_search .blackPearl-search .search-input
{
	width:100%
}

.home-page aside #box_search .blackPearl-search input[type=submit]
{
	background-color:transparent;
	right:0
}

.activated.home
{
	position:static
}

.activated.home .search-area
{
	display:none;
	height:54px
}

@media only screen and (min-width:40.063em)
{
	.activated.home .search-area
{
	height:auto
}


}

.activated .home-page aside #box_search .blackPearl-search>div:before
{
	display:none
}

.activated .home-page aside #box_search .blackPearl-search>div:after
{
	font-family:olxicons;
	font-weight:400;
	content:"\F002";
	position:absolute;
	top:5px;
	right:5%;
	color:#989898;
	z-index:213
}

.activated .home-page aside #box_search .blackPearl-search .search-input
{
	width:85%;
	padding-left:10px;
	border-color:#dedede;
	border-top-right-radius:0;
	border-bottom-right-radius:0
}

.activated .home-page aside #box_search .blackPearl-search input[type=submit]
{
	width:15%;
	opacity:1;
	border-color:#dedede;
	border-top-left-radius:0;
	border-bottom-left-radius:0;
	border-left:0;
	z-index:214
}

.activated .promotion
{
	z-index:1
}

body.blackpearl.home #main
{
	padding-top:40px
}

@media only screen and (min-width:40.063em)
{
	body.blackpearl.home #main
{
	padding-top:48px
}


}

.promotion
{
	position:fixed;
	top:0;
	right:0;
	left:0;
	background-color:#4b67ca;
	z-index:1000
}

.promotion>div
{
	position:relative;
	padding:4px 1%
}

@media only screen and (min-width:64.063em)
{
	.promotion>div
{
	padding:0;
	width:980px;
	margin:0 auto
}


}

.promotion>div>p
{
	text-align:center
}

.promotion>div>p>a
{
	float:left
}

@media only screen and (min-width:40.063em)
{
	.promotion>div>p>a
{
	float:none
}


}

.promotion>div>p>a:first-child
{
	display:block;
	width:80%;
	line-height:200%;
	text-align:center
}

@media only screen and (min-width:40.063em)
{
	.promotion>div>p>a:first-child
{
	display:inline-block;
	width:auto
}


}

.promotion>div>p>a:first-child>span img
{
	width:auto;
	max-height:28px
}

@media only screen and (min-width:64.063em)
{
	.promotion>div>p>a:first-child>span img
{
	max-height:45px
}


}

.promotion>div>p>a.go-to-view
{
	display:block;
	width:18%;
	margin-left:2%;
	text-align:center
}

@media only screen and (min-width:40.063em)
{
	.promotion>div>p>a.go-to-view
{
	display:inline-block;
	width:auto
}


}

.promotion>div>p>a.go-to-view>span
{
	display:inline-block;
	line-height:32px;
	height:32px;
	color:#fff;
	background-color:#00c977;
	border-radius:2px;
	text-align:center;
	font-size:80%;
	padding:0 4px
}

@media only screen and (min-width:40.063em)
{
	.promotion>div>p>a.go-to-view>span
{
	padding:0 10px;
	font-size:90%
}


}

.download-mobile-app
{
	display:none
}

.phone .zopim
{
	display:none!important
}

.phone .show-download.download-mobile-app
{
	background-color:rgba(0,0,0,.5);
	height:100%;
	position:fixed;
	width:100%;
	z-index:3000;
	top:0;
	bottom:0;
	left:0;
	right:0
}

@media only screen and (max-width:720px) and (max-height:34em)
{
	.phone .show-download.download-mobile-app
{
	min-height:110vh
}


}

.phone .show-download.download-mobile-app .coach-marks
{
	position:absolute;
	bottom:202px;
	z-index:200;
	background-color:#4285f4;
	padding:20px 20px 32px;
	margin:0 16px;
	left:0;
	right:0;
	border-radius:8px
}

.phone .show-download.download-mobile-app .coach-marks:after
{
	position:absolute;
	left:50%;
	margin-left:-20px;
	bottom:-15px;
	width:0;
	height:0;
	content:"";
	border-left:20px solid transparent;
	border-right:20px solid transparent;
	border-top:35px solid #4285f4
}

.phone .show-download.download-mobile-app .logo-app
{
	height:48px
}

.phone .show-download.download-mobile-app .wrapper-content
{
	padding-top:20px;
	text-align:center
}

.phone .show-download.download-mobile-app .keyword
{
	font-size:20px;
	display:block;
	color:#fff;
	font-weight:700;
	margin-bottom:10px
}

.phone .show-download.download-mobile-app .title
{
	font-size:15px;
	text-align:center;
	padding:12px 0;
	margin:0;
	color:#fff;
	padding:0 0 8px
}

.phone .show-download.download-mobile-app .btn-download
{
	background-color:#fff;
	border-color:transparent;
	color:#4b67ca;
	display:block;
	padding:12px 20px;
	max-width:280px;
	margin:12px auto 0
}

.phone .show-download.download-mobile-app .screen-app
{
	position:absolute;
	bottom:60px;
	left:0;
	width:100%;
	padding:20px 20px 0
}

.phone .show-download.download-mobile-app .screen-app img
{
	width:320px;
	display:block;
	margin:auto
}

@media only screen and (max-width:720px) and (min-height:28em)
{
	.phone .show-download.download-mobile-app
{
	display:block
}


}

.phone .show-download.download-mobile-app .sreen-android
{
	position:relative;
	top:-20px
}

.android .download-mobile-app .ios,.ios .download-mobile-app .android
{
	display:none
}

.careers-displays
{
	padding:0 2%
}

@media only screen and (min-width:40.063em)
{
	.careers-displays
{
	padding:0
}


}

.careers-displays>h1.hdr
{
	border-bottom:1px solid rgba(0,0,0,.1);
	margin-bottom:10px
}

@media only screen and (min-width:40.063em)
{
	.careers-displays .careers-container
{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-ms-flex-flow:row wrap;
	flex-flow:row wrap
}

.careers-displays .careers-container>*
{
	-webkit-box-flex:1;
	-ms-flex:1 1 auto;
	flex:1 1 auto
}

.careers-displays .careers-container>:first-child
{
	width:30%;
	-webkit-box-ordinal-group:3;
	-ms-flex-order:2;
	order:2
}

.careers-displays .careers-container>:first-child>div
{
	padding-left:10px;
	margin-left:10px
}

.careers-displays .careers-container>:first-child+div
{
	width:70%;
	-webkit-box-ordinal-group:2;
	-ms-flex-order:1;
	order:1
}


}

.careers-displays .each-position
{
	position:relative;
	font-family:Helvetica,Arial
}

.careers-displays .each-position+*
{
	padding-top:10px;
	margin-top:10px;
	border-top:1px solid #ccc
}

.careers-displays .each-position .short-desc,>div .careers-displays .each-position .careers-body+div
{
	margin-top:10px
}

.careers-displays h1
{
	margin-top:12px
}

.careers-displays .hdr,.careers-displays h1,.careers-displays h2,.careers-displays h3,.careers-displays h4
{
	font-family:Prompt
}

.careers-displays .reqs-list li
{
	list-style-type:disc;
	list-style-position:inside;
	margin:4px auto
}

.careers-displays .btn
{
	color:#fff;
	background-color:#00c977
}

@media only screen and (min-width:40.063em)
{
	.careers-displays .apply-btn.top
{
	position:absolute;
	margin-top:-55px;
	right:0
}


}

.careers-displays .attributes
{
	margin-bottom:20px;
	color:rgba(0,0,0,.4)
}

.careers-displays .attributes>li:not(:empty)
{
	padding:4px 10px;
	border:1px solid rgba(0,0,0,.1);
	border-radius:20px
}

.careers-displays .attributes>li+li
{
	margin-left:10px
}

.careers-displays .short-cut>li
{
	line-height:40px;
	border-bottom:1px solid rgba(0,0,0,.1);
	border-left:4px solid rgba(0,0,0,.1)
}

.careers-displays .short-cut>li>a
{
	display:block;
	padding-left:10px
}

.careers-displays .short-cut>li>a:hover
{
	background-color:rgba(0,0,0,.05)
}

.careers-displays .short-cut>li:first-child
{
	border-top:1px solid rgba(0,0,0,.1)
}

body.desktop.ie-8 div.ie-8,body.desktop.ie-8 div.ie-9,body.desktop.ie-9 div.ie-8,body.desktop.ie-9 div.ie-9
{
	position:absolute;
	background-color:rgba(255,238,183,.8)
}

body.desktop.ie-8 div.ie-8>.bg,body.desktop.ie-8 div.ie-9>.bg,body.desktop.ie-9 div.ie-8>.bg,body.desktop.ie-9 div.ie-9>.bg
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/ie-error.png);
	background-repeat:no-repeat;
	background-position:5px;
	color:transparent
}

body.desktop.ie-8 div.ie-8>.txt,body.desktop.ie-8 div.ie-9>.txt,body.desktop.ie-9 div.ie-8>.txt,body.desktop.ie-9 div.ie-9>.txt
{
	position:relative
}

body.desktop.ie-8 div.ie-8>.txt ol li,body.desktop.ie-8 div.ie-9>.txt ol li,body.desktop.ie-9 div.ie-8>.txt ol li,body.desktop.ie-9 div.ie-9>.txt ol li
{
	font-size:90%;
	list-style-type:decimal;
	list-style-position:inside
}

body.desktop.ie-8 div.ie-8>.txt .close,body.desktop.ie-8 div.ie-9>.txt .close,body.desktop.ie-9 div.ie-8>.txt .close,body.desktop.ie-9 div.ie-9>.txt .close
{
	position:absolute;
	display:block;
	top:-35px;
	right:-35px;
	width:30px;
	height:30px;
	line-height:30px;
	border-radius:50%;
	font-size:80%;
	text-align:center;
	color:#fff;
	background-color:#ad1111;
	cursor:pointer
}

body.desktop.ie-8 #ie-presents:before
{
	content:" ";
	display:block;
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background-color:hsla(0,0%,100%,.8)
}

body.desktop.ie-8 #ie-presents .ie-8
{
	position:absolute;
	width:960px;
	left:50%;
	right:50%;
	margin-left:-480px;
	margin-right:-480px;
	height:300px;
	padding:20px
}

body.desktop.ie-8 #ie-presents .ie-8>.bg
{
	height:260px;
	background-position:20px
}

body.desktop.ie-9 #ie-presents>div.ie-9
{
	width:250px;
	right:20px;
	padding:10px
}

body.desktop.ie-9 #ie-presents>div.ie-9 .bg
{
	background-size:110px;
	height:120px;
	background-position:50%
}

body.desktop.ie-9 #ie-presents>div.ie-9 .txt
{
	font-size:90%
}

body.desktop.ie-9 #ie-presents>div.ie-9 .txt h3
{
	font-weight:400;
	font-size:80%
}

body.desktop.ie-9 #ie-presents>div.ie-9 .txt .close
{
	top:-155px;
	right:-25px
}

.listing .wrapper-main-header
{
	background-color:#fff
}

.listing #sticky-desktop-navigation
{
	background-color:#f9f9f9;
	left:0;
	right:0;
	top:0;
	position:relative;
	z-index:900;
	border-top:1px solid rgba(0,0,0,.08)
}

@media only screen and (min-width:40.063em)
{
	.listing #sticky-desktop-navigation
{
	padding-top:16px;
	padding-bottom:16px
}


}

.listing #sticky-desktop-navigation>.filters
{
	border-left:none;
	border-right:none
}

.listing #sticky-desktop-navigation [id^=filter-]
{
	border:1px solid rgba(0,0,0,.08)
}

.listing .all-listing
{
	padding:0 0 20px
}

.listing .all-listing .loading-ball-box
{
	width:100px;
	text-align:center;
	top:80px;
	bottom:auto!important
}

.listing .all-listing .loading-ball-box:after
{
	content:"\E01\E23\E38\E13\E32\E23\E2D\E2A\E31\E01\E04\E23\E39\E48...";
	display:block;
	color:#ccc;
	font-size:12px
}

.listing .all-ads-list
{
	min-height:300px;
	padding-top:8px
}

@media only screen and (min-width:40.063em)
{
	.listing .all-ads-list
{
	padding-top:0
}


}

.listing .all-ads-list>ul
{
	max-width:970px;
	margin:auto
}

@media only screen and (min-width:64.063em)
{
	.listing .all-ads-list>ul
{
	max-width:1250px
}


}

@media only screen and (min-width:90.063em)
{
	.listing .all-ads-list>ul
{
	max-width:1599px
}


}

.listing .all-ads-list,.listing .category-selection,.listing .category-selection-wrap,.listing .filters
{
	max-width:1250px;
	margin:auto
}

@media only screen and (min-width:90.063em)
{
	.listing .all-ads-list,.listing .category-selection,.listing .category-selection-wrap,.listing .filters
{
	max-width:1564px
}


}

@media only screen and (max-width:40em)
{
	.listing:not(.vertical-type-car) .all-ads-list>ul
{
	padding-top:42px
}


}

.all-listing
{
	padding:55px 0
}

@media only screen and (min-width:40.063em)
{
	.all-listing
{
	padding:20px 0
}


}

.all-listing .pagination
{
	padding:16px 8px 32px
}

.all-listing .pagination>a
{
	display:block;
	border-radius:2px;
	text-align:center;
	line-height:2.4em
}

.all-listing .pagination>a.prev
{
	width:100%;
	color:#a7a7a7;
	background-color:#ededed
}

.all-listing .pagination .nextPage
{
	color:#fff;
	background-color:#00c977
}

.all-listing .pagination.pages>a
{
	float:left
}

.all-listing .pagination.pages .prev
{
	width:25%
}

.all-listing .pagination.pages .nextPage
{
	width:72%;
	margin-left:3%
}

@media only screen and (min-width:40.063em)
{
	.all-listing .pagination
{
	max-width:1250px;
	padding:0;
	margin:0 auto
}

.all-listing .pagination.pages .nextPage
{
	width:73%;
	margin-left:2%
}


}

.filter-bar.mobile
{
	padding:12px 0 12px 6px;
	margin:0;
	background-color:#fff;
	font-size:85%;
	box-shadow:0 2px 4px hsla(0,0%,78%,.4)
}

.filter-bar.mobile .active
{
	background:#4b67ca;
	color:#fff
}

.filter-bar.mobile>span
{
	display:block;
	width:70%
}

.filter-bar.mobile>span>a
{
	display:block;
	float:left;
	width:48%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}

.filter-bar.mobile>span>a:after
{
	font-family:olxicons;
	font-weight:400;
	content:"\F107";
	display:inline-block;
	margin-left:6px
}

.filter-bar.mobile>span>a+a
{
	margin-left:2%
}

.filter-bar.mobile>a
{
	position:absolute;
	padding:2px 10px;
	right:6px;
	top:9px;
	border:1px solid #4b67ca;
	border-radius:20px
}

@media only screen and (min-width:40.063em)
{
	.filter-bar.mobile
{
	display:none
}


}

.empty-ads
{
	padding:.5em;
	color:#666;
	font-size:1.1em
}

.distance-show
{
	padding:5px;
	clear:both;
	color:rgba(0,0,0,.7);
	background-color:rgba(0,0,0,.1);
	font-size:.8em;
	font-weight:700
}

#loading-latlng
{
	position:fixed;
	top:20%;
	right:20%;
	left:20%;
	z-index:1001;
	padding:5%;
	text-align:center;
	background:rgba(0,0,0,.8);
	border-radius:5px
}

#loading-latlng span,#loading-latlng span .waiting
{
	display:block;
	margin:0 auto;
	color:#fff
}

#categories-tpye
{
	font-size:18px;
	line-height:20px;
	margin:16px 0 0
}

#filter-provinces:before
{
	font-family:olxicons;
	-webkit-font-smoothing:antialiased;
	text-decoration:inherit;
	speak:none;
	display:inline-block;
	font-weight:400;
	content:"\F041";
	margin-right:5px
}

.totalnumber
{
	font-size:14px;
	opacity:.7;
	display:block
}

.empty-ads
{
	text-align:center;
	list-style-type:none
}

.categories-list .brandlist li
{
	display:inline-block;
	margin-bottom:8px;
	margin-left:3%;
	box-sizing:border-box
}

.categories-list .brandlist li a
{
	display:inline-block;
	font-size:14px;
	border:1px solid #e4e4e4;
	border-radius:2px;
	padding:4px 10px;
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}

.categories-list .brandlist li a span
{
	display:inline-block
}

.categories-list .brandlist li a span+span
{
	margin-left:5px;
	opacity:.7
}

.categories-list .brandlist li a.active,.categories-list .brandlist li a:hover
{
	background-color:#4b67ca;
	border-color:#4b67ca;
	color:#fff
}

.brandlist+p
{
	background:#e8e8e8;
	position:relative;
	text-align:center;
	color:#999;
	font-size:14px;
	margin:16px 0;
	border-radius:2px;
	border:1px solid #e4e4e4;
	padding:6px 20px;
	float:right;
	display:none
}

.brandlist+p>a
{
	cursor:pointer;
	color:#999
}

.brandlist+p>a:before
{
	font-family:olxicons;
	font-weight:400;
	margin-right:5px
}

.brandlist+p .view-all:before
{
	content:"\F107"
}

.brandlist+p .hide-all:before
{
	content:"\F106"
}

#endless-container .member-ads-preview,.ads-view-listing .member-ads-preview,.favorite .wrapper .member-ads-preview,.history .wrapper .member-ads-preview,.product-related .member-ads-preview
{
	background-color:#fff;
	box-shadow:1px 1px 2px 1px hsla(0,0%,59%,.05);
	margin-bottom:8px;
	transition:all .3ms
}

#endless-container .member-ads-preview:hover,.ads-view-listing .member-ads-preview:hover,.favorite .wrapper .member-ads-preview:hover,.history .wrapper .member-ads-preview:hover,.product-related .member-ads-preview:hover
{
	box-shadow:0 0 15px rgba(0,0,0,.1)
}

@media only screen and (min-width:40.063em)
{
	#endless-container .member-ads-preview,.ads-view-listing .member-ads-preview,.favorite .wrapper .member-ads-preview,.history .wrapper .member-ads-preview,.product-related .member-ads-preview
{
	margin-bottom:1%
}


}

@media only screen and (min-width:90.063em)
{
	#endless-container .member-ads-preview,.ads-view-listing .member-ads-preview,.favorite .wrapper .member-ads-preview,.history .wrapper .member-ads-preview,.product-related .member-ads-preview
{
	margin-bottom:1%
}


}

#endless-container .crow,.ads-view-listing .crow,.favorite .wrapper .crow,.history .wrapper .crow,.product-related .crow
{
	height:112px;
	padding-left:132px;
	display:block;
	overflow:hidden
}

@media only screen and (min-width:40.063em)
{
	#endless-container .crow,.ads-view-listing .crow,.favorite .wrapper .crow,.history .wrapper .crow,.product-related .crow
{
	padding-left:0;
	min-height:180px;
	height:auto
}


}

@media only screen and (min-width:64.063em)
{
	#endless-container .crow,.ads-view-listing .crow,.favorite .wrapper .crow,.history .wrapper .crow,.product-related .crow
{
	min-height:250px
}


}

#endless-container .member-ads-preview h2,.ads-view-listing .member-ads-preview h2,.favorite .wrapper .member-ads-preview h2,.history .wrapper .member-ads-preview h2,.product-related .member-ads-preview h2
{
	font-size:16px;
	font-weight:700;
	max-height:48px;
	overflow:hidden;
	color:#4a4a4a
}

@media only screen and (min-width:40.063em)
{
	#endless-container .member-ads-preview h2,.ads-view-listing .member-ads-preview h2,.favorite .wrapper .member-ads-preview h2,.history .wrapper .member-ads-preview h2,.product-related .member-ads-preview h2
{
	padding:0 8px!important;
	font-size:14px;
	white-space:nowrap;
	text-overflow:ellipsis;
	max-height:22px;
	color:#4b67ca
}


}

@media only screen and (min-width:40.063em)
{
	#endless-container .item-location,.ads-view-listing .item-location,.favorite .wrapper .item-location,.history .wrapper .item-location,.product-related .item-location
{
	padding:0 8px
}


}

@media only screen and (min-width:90.063em)
{
	#endless-container .item-location,.ads-view-listing .item-location,.favorite .wrapper .item-location,.history .wrapper .item-location,.product-related .item-location
{
	height:18px;
	line-height:18px
}


}

@media only screen and (min-width:40.063em)
{
	#endless-container .ad-price,.ads-view-listing .ad-price,.favorite .wrapper .ad-price,.history .wrapper .ad-price,.product-related .ad-price
{
	padding:0 8px;
	position:absolute;
	bottom:8px
}


}

#endless-container .ads-thumbnail,.ads-view-listing .ads-thumbnail,.favorite .wrapper .ads-thumbnail,.history .wrapper .ads-thumbnail,.product-related .ads-thumbnail
{
	background-color:#eee;
	left:0;
	position:absolute;
	overflow:hidden;
	width:112px;
	height:112px
}

@media only screen and (min-width:40.063em)
{
	#endless-container .ads-thumbnail,.ads-view-listing .ads-thumbnail,.favorite .wrapper .ads-thumbnail,.history .wrapper .ads-thumbnail,.product-related .ads-thumbnail
{
	width:100%;
	height:100px
}


}

@media only screen and (min-width:64.063em)
{
	#endless-container .ads-thumbnail,.ads-view-listing .ads-thumbnail,.favorite .wrapper .ads-thumbnail,.history .wrapper .ads-thumbnail,.product-related .ads-thumbnail
{
	height:160px
}


}

@media only screen and (min-width:90.063em)
{
	#endless-container .ads-thumbnail,.ads-view-listing .ads-thumbnail,.favorite .wrapper .ads-thumbnail,.history .wrapper .ads-thumbnail,.product-related .ads-thumbnail
{
	height:158px
}


}

#endless-container .ads-thumbnail img,.ads-view-listing .ads-thumbnail img,.favorite .wrapper .ads-thumbnail img,.history .wrapper .ads-thumbnail img,.product-related .ads-thumbnail img
{
	position:absolute;
	width:120%;
	max-width:120%;
	top:0;
	bottom:0;
	left:-10%;
	right:0;
	margin:auto
}

@media only screen and (min-width:40.063em)
{
	#endless-container .ads-thumbnail img,.ads-view-listing .ads-thumbnail img,.favorite .wrapper .ads-thumbnail img,.history .wrapper .ads-thumbnail img,.product-related .ads-thumbnail img
{
	width:auto;
	left:0;
	max-width:100%
}


}

.box-ft
{
	position:absolute;
	bottom:8px;
	right:16px;
	color:#9b9b9b;
	border:1px solid #ccc;
	padding:2px 4px;
	border-radius:2px;
	font-size:10px
}

.box-ft.grey
{
	opacity:.5;
	color:#9b9b9b
}

.nativead-modal a:first-child
{
	position:absolute;
	top:13px;
	right:10px;
	color:#fff;
	font-size:120%
}

.ads-view-listing>li,.owner-ads-list>li
{
	position:relative
}

.ads-view-listing .me .ads-meta,.owner-ads-list .me .ads-meta
{
	padding:0
}

.ads-view-listing .ads-meta,.owner-ads-list .ads-meta
{
	padding:5px 0 0;
	float:none;
	overflow:hidden
}

@media only screen and (min-width:40.063em)
{
	.ads-view-listing .ads-meta,.owner-ads-list .ads-meta
{
	padding-top:104px
}


}

@media only screen and (min-width:64.063em)
{
	.ads-view-listing .ads-meta,.owner-ads-list .ads-meta
{
	padding-top:167px
}


}

@media only screen and (min-width:90.063em)
{
	.ads-view-listing .ads-meta,.owner-ads-list .ads-meta
{
	padding-top:164px
}


}

.ads-view-listing .me h2,.owner-ads-list .me h2
{
	font-size:12px;
	color:#4a4a4a;
	max-height:48px;
	overflow:hidden;
	max-width:180px
}

@media only screen and (min-width:40.063em)
{
	.ads-view-listing .me h2,.owner-ads-list .me h2
{
	max-width:400px;
	max-height:22px
}


}

.ads-view-listing .me .ad-price,.owner-ads-list .me .ad-price
{
	position:static;
	padding:0;
	color:#464646;
	opacity:.5;
	font-size:12px;
	margin-top:8px
}

.favorite .member-ads-preview .ads-meta
{
	padding:5px 0 0;
	float:none;
	overflow:hidden
}

@media only screen and (min-width:40.063em)
{
	.favorite .member-ads-preview .ads-meta
{
	padding:190px 0 0
}


}

@media only screen and (min-width:64.063em)
{
	.favorite .member-ads-preview .ads-meta
{
	padding-top:165px
}


}

.my-favorites .member-ads-list:empty
{
	min-height:240px;
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/empty-favorite_m.png);
	background-size:200px;
	background-repeat:no-repeat;
	background-position:center 40px
}

@media only screen and (min-width:40.063em)
{
	.my-favorites .member-ads-list:empty
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/empty-favorite_d.png);
	background-size:300px;
	min-height:440px
}


}

.owner-ads-preview.me
{
	min-height:80px;
	padding:10px 0
}

.owner-ads-preview.me .fail-reason
{
	color:#4a4a4a;
	font-size:.75em;
	position:absolute;
	bottom:0;
	line-height:18px;
	border-radius:2px;
	width:100%
}

@media only screen and (min-width:40.063em)
{
	.owner-ads-preview.me .fail-reason
{
	width:450px;
	left:133px;
	line-height:16px;
	margin-bottom:8px
}


}

.owner-ads-preview.me .fail-reason.edit
{
	background-color:#ffe0e1
}

.owner-ads-preview.me .fail-reason.edit .reject-image
{
	background-color:#c21414
}

.owner-ads-preview.me .fail-reason.pending
{
	background-color:#fff9c9
}

.owner-ads-preview.me .fail-reason.pending .reject-image
{
	background-color:#fdcd5c
}

.owner-ads-preview.me .fail-reason.not-approved
{
	background-color:#f2f2f2
}

.owner-ads-preview.me .fail-reason.not-approved .reject-image
{
	background-color:#9b9b9b
}

.owner-ads-preview.me .fail-reason .reject-main
{
	position:relative;
	background-color:#ffe0e1
}

.owner-ads-preview.me .fail-reason .reject-image
{
	width:32px;
	height:100%;
	border-radius:2px;
	position:absolute;
	background-color:#c21414
}

.owner-ads-preview.me .fail-reason .reject-image.bg-icon-information
{
	background-size:16px;
	background-position:8px 8px;
	color:transparent
}

.owner-ads-preview.me .fail-reason .reject-body
{
	margin-left:40px;
	padding:8px 0
}

@media only screen and (min-width:40.063em)
{
	.owner-ads-preview.me .fail-reason .reject-body
{
	padding:8px;
	margin-left:32px
}


}

.owner-ads-preview.me .fail-reason .reject-body .reject-more .reject-more-full
{
	padding-right:4px
}

.owner-ads-preview.me .fail-reason .reject-body .reject-more .reject-more-txt
{
	color:#4b67ca;
	cursor:pointer;
	padding-left:4px
}

.owner-ads-preview.me .more
{
	color:#4b67ca;
	margin-left:10px
}

.owner-ads-preview.me>a
{
	height:80px;
	min-height:80px;
	padding-left:90px;
	display:block
}

.owner-ads-preview.me .performance
{
	width:130px;
	bottom:14px;
	position:absolute;
	line-height:1.1em
}

@media only screen and (min-width:40.063em)
{
	.owner-ads-preview.me .performance
{
	width:150px;
	right:125px
}


}

.owner-ads-preview.me .user-action
{
	position:absolute;
	width:auto;
	bottom:0;
	right:0;
	border:1px solid hsla(0,0%,78%,.3);
	border-radius:2px;
	text-align:right
}

.owner-ads-preview.me .user-action>a
{
	display:inline-block;
	padding:0 10px 0 5px;
	line-height:32px;
	font-size:90%;
	color:rgba(0,0,0,.5);
	height:32px
}

.owner-ads-preview.me .user-action>a:before
{
	display:inline-block;
	width:20px;
	text-align:center
}

.owner-ads-preview.me .user-action>a:hover
{
	color:rgba(0,0,0,.9);
	transition:.3s
}

.owner-ads-preview.me .user-action>a~a
{
	border-left:1px solid hsla(0,0%,78%,.3)
}

.member-topup-modal
{
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background:#e5e5e5;
	border-radius:1px;
	box-shadow:0 0 30px rgba(0,0,0,.6);
	height:auto;
	font-size:14px
}

.member-topup-modal .top-bar
{
	position:relative;
	height:55px;
	background-color:#fff
}

.member-topup-modal .top-bar>span
{
	font-size:140%;
	top:10px;
	left:14px;
	position:absolute
}

.member-topup-modal .top-bar .close
{
	position:absolute;
	text-align:center;
	font-size:2em;
	width:40px;
	top:5px;
	right:5px
}

.member-topup-modal header
{
	min-height:90px;
	background:#fff;
	padding:.1em 1.1em 1.1em;
	border-bottom:1px solid #cecece
}

.member-topup-modal header .member-topup-header-egg
{
	display:block;
	text-align:center
}

.member-topup-modal header .member-topup-header-egg [class*=bg-icon-]
{
	background-position:8px 3px;
	background-size:50px;
	padding-left:55px
}

.member-topup-modal header .member-topup-header-egg .regular
{
	font-size:2.5em;
	line-height:65px
}

.member-topup-modal header .member-topup-header-egg .bonus
{
	font-size:1.8em;
	margin-left:5px;
	color:#5890ff
}

.member-topup-modal section
{
	background:#fff;
	padding:0 1.1em;
	line-height:2.6em
}

.member-topup-modal section ul
{
	padding:20px 0
}

.member-topup-modal section ul li>span:first-child
{
	color:#979797;
	display:inline-block;
	width:40%;
	vertical-align:top
}

.member-topup-modal section ul li>span:nth-child(2)
{
	display:inline-block;
	width:60%;
	text-align:right;
	color:#000
}

.member-topup-modal section ul li>span.success
{
	color:#000
}

.member-topup-modal section ul li>span.pending
{
	color:#ffb865
}

.member-topup-modal section ul li>span.fail
{
	color:red
}

.member-service-modal
{
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background:#fff;
	border-radius:1px;
	box-shadow:0 0 30px rgba(0,0,0,.6);
	height:auto;
	font-size:14px;
	overflow:scroll
}

.member-service-modal .top-bar
{
	position:relative;
	height:55px;
	background-color:#fff
}

.member-service-modal .top-bar>span
{
	font-size:140%;
	top:10px;
	left:14px;
	position:absolute
}

.member-service-modal .top-bar .close
{
	position:absolute;
	text-align:center;
	font-size:2em;
	width:40px;
	top:5px;
	right:5px
}

.member-service-modal header
{
	min-height:90px;
	background:#fff;
	padding:.1em 1.1em 1.1em;
	border-bottom:1px solid #cecece
}

.member-service-modal header div
{
	width:78%;
	float:left;
	line-height:1.9em
}

.member-service-modal header div>span:first-child span
{
	display:block
}

.member-service-modal header div>span:first-child > span:nth-child(1)
{
	overflow:hidden;
	text-overflow:ellipsis;
	max-height:30px;
	font-size:110%
}

.member-service-modal header div>span:first-child > span:nth-child(2)
{
	color:#979797;
	font-size:115%
}

.member-service-modal header div>span:nth-child(2)
{
	color:#979797
}

.member-service-modal header>figure
{
	position:relative;
	display:inline-block;
	width:22%;
	height:70px;
	overflow:hidden;
	border-radius:2px;
	border:1px solid #eee
}

.member-service-modal header>figure>img
{
	position:absolute;
	max-width:100%;
	max-height:100%;
	margin:auto;
	top:0;
	right:0;
	bottom:0;
	left:0
}

.member-service-modal section
{
	background:#fff;
	padding:0 1.1em;
	line-height:2.6em
}

.member-service-modal section ul li
{
	line-height:30px
}

.member-service-modal section ul li>span:first-child
{
	color:#979797;
	display:inline-block;
	width:38%;
	vertical-align:top
}

.member-service-modal section ul li>span:nth-child(2)
{
	display:inline-block;
	width:62%;
	text-align:right;
	color:#000
}

.member-service-modal section ul li:nth-child(3)>span:nth-child(2)>span:first-child,.member-service-modal section ul li:nth-child(4)>span:nth-child(2)>span:first-child
{
	display:inline-block;
	width:65%;
	text-align:right
}

.member-service-modal section ul li:nth-child(3)>span:nth-child(2)>span:nth-child(2),.member-service-modal section ul li:nth-child(4)>span:nth-child(2)>span:nth-child(2)
{
	display:inline-block;
	width:35%;
	text-align:right
}

.member-service-modal section ul li .bg-icon-coin
{
	background-size:22px;
	background-position:80%
}

.member-service-modal section ul:last-child .success
{
	color:#000
}

.member-service-modal section ul:last-child .pending
{
	color:#ffb865
}

.member-service-modal section ul:last-child .fail
{
	color:red
}

.member-service-modal .list-delivery
{
	list-style:none;
	width:100%
}

.member-service-modal .list-delivery li
{
	margin-top:1px;
	background-color:#e8e8e8
}

.member-service-modal .list-delivery li .txt-status
{
	margin-left:12px;
	width:60%;
	color:#979797!important
}

.member-service-modal .list-delivery li .txt-status.active
{
	color:#6f6f6f!important
}

.member-service-modal .list-delivery li .txt-date
{
	text-align:right;
	font-size:.875em;
	padding-right:8px;
	width:33%
}

.member-service-modal .list-delivery li .txt-date:before
{
	background-color:#ccc;
	width:15px;
	height:15px;
	color:#fff;
	border-radius:50%;
	display:inline-block;
	text-align:center;
	margin-right:4px;
	line-height:14px
}

.member-service-modal .list-delivery li .txt-date.active
{
	color:#6f6f6f
}

.member-service-modal .list-delivery li .txt-date.active:before
{
	background-color:#00c977;
	width:15px;
	height:15px;
	color:#fff;
	border-radius:50%;
	display:inline-block;
	text-align:center;
	margin-right:4px;
	line-height:14px
}

.member-service-modal .list-delivery li .txt-date.fail,.member-service-modal .list-delivery li .txt-date .fail,.member-service-modal .list-delivery li .txt-date.pending
{
	color:#979797
}

.member-service-modal .list-delivery li .txt-date.df-icon-exclamination:before
{
	background-color:red
}

.member-service-modal .list-delivery li.top-ad .txt-status
{
	width:45%
}

.member-service-modal .list-delivery li.top-ad .txt-date
{
	width:50%
}

.member-profile-panel
{
	overflow:hidden
}

@media only screen and (min-width:40.063em)
{
	.member-profile-panel
{
	margin-bottom:8px
}


}

.member-profile-panel .profile-ads-menu
{
	overflow-y:scroll;
	white-space:nowrap;
	background-color:#fff;
	box-shadow:0 2px 4px rgba(0,0,0,.1);
	border-bottom:1px solid rgba(0,0,0,.1)
}

@media only screen and (min-width:40.063em)
{
	.member-profile-panel .profile-ads-menu
{
	background-color:transparent;
	overflow:hidden;
	white-space:normal;
	display:block;
	border-bottom:1px solid #ccc;
	box-shadow:none
}


}

.member-profile-panel .profile-ads-menu li
{
	display:inline-block;
	min-width:12.6666%
}

@media only screen and (min-width:40.063em)
{
	.member-profile-panel .profile-ads-menu li
{
	float:left;
	position:relative;
	width:50%;
	text-align:center
}


}

.member-profile-panel .profile-ads-menu li:only-child
{
	width:100%
}

.member-profile-panel .profile-ads-menu li:not(:first-child) a
{
	border-left:0
}

@media only screen and (min-width:40.063em)
{
	.member-profile-panel .profile-ads-menu li
{
	background-color:#fff;
	width:16.66%;
	margin-bottom:-1px
}


}

.member-profile-panel .profile-ads-menu li a
{
	text-align:center;
	display:block;
	color:#4a4a4a;
	font-size:15px
}

@media only screen and (min-width:40.063em)
{
	.member-profile-panel .profile-ads-menu li a
{
	font-size:14px;
	color:#4b67ca;
	border:1px solid #ccc;
	border-bottom:none
}


}

.member-profile-panel .profile-ads-menu li a span
{
	line-height:2.5em;
	padding:0 4px;
	box-sizing:border-box
}

.member-profile-panel .profile-ads-menu li a.active
{
	border-bottom:2px solid #4b67ca;
	color:#4b67ca
}

@media only screen and (min-width:40.063em)
{
	.member-profile-panel .profile-ads-menu li a.active
{
	color:#fff;
	border-bottom:0;
	border:1px solid #4b67ca;
	background-color:#4b67ca
}


}

.member-profile-panel .profile-ads-menu li+li a span
{
	border-left:1px solid hsla(0,0%,100%,.5)
}

@media only screen and (min-width:40.063em)
{
	.member-profile-panel .profile-ads-menu li+li a span
{
	border-left:0
}


}

@media only screen and (min-width:40.063em)
{
	.member-profile-panel .profile-ads-menu li:hover
{
	background-color:#e3e1e1
}


}

@media only screen and (min-width:40.063em)
{
	.member-profile-panel .profile-ads-menu li.active
{
	background-color:#fff
}


}

@media only screen and (min-width:40.063em)
{
	.member-profile-panel .profile-ads-menu li:nth-child(3)
{
	width:14.66%
}


}

@media only screen and (min-width:40.063em)
{
	.member-profile-panel .profile-ads-menu li:nth-child(4)
{
	width:18.66%
}


}

li.buy-coin
{
	position:relative;
	margin:0 0 25px 25px;
	border:1px solid #e3e1e1;
	border-radius:2px;
	height:210px;
	width:200px;
	display:inline-block;
	float:left
}

li.buy-coin .buy-coin-header
{
	height:70%
}

li.buy-coin .buy-coin-header>p
{
	padding:15px 0 0 15px;
	font-size:.8em
}

li.buy-coin .buy-coin-header .percent
{
	height:100px;
	width:100px;
	position:absolute;
	top:0;
	right:0;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg)
}

li.buy-coin .buy-coin-header .percent .percent-corner
{
	width:100px;
	position:absolute;
	top:-17%;
	z-index:-1;
	font-size:.8em;
	border:23px solid transparent;
	border-bottom-color:#4b67ca
}

li.buy-coin .buy-coin-header .percent p
{
	position:absolute;
	color:#fff;
	font-size:.8em;
	left:18%;
	top:8%
}

li.buy-coin .buy-coin-header .buy-coin-amount
{
	padding-top:20px;
	text-align:center
}

li.buy-coin .buy-coin-header .buy-coin-amount .buy-coin-amount-original
{
	display:inline-block;
	font-size:2em
}

li.buy-coin .buy-coin-header .buy-coin-amount .buy-coin-amount-original[class*=bg-icon-]
{
	background-position:8px 14px;
	background-size:25px;
	padding-left:31px
}

li.buy-coin .buy-coin-header .buy-coin-amount .buy-coin-bonus
{
	color:#4b67ca;
	font-size:.9em
}

li.buy-coin .buy-coin-header .buy-coin-amount .buy-coin-bonus [class*=bg-icon-]
{
	background-position:5px 4px;
	background-size:15px;
	padding-left:23px
}

li.buy-coin .buy-coin-footer
{
	background-color:hsla(0,3%,89%,.3);
	height:30%;
	text-align:center;
	padding-top:11px
}

li.buy-coin .buy-coin-footer .button
{
	display:inline-block;
	height:40px;
	width:120px;
	background-color:#00c977;
	border-radius:2px;
	color:#fff;
	line-height:40px
}

.member-coin-history
{
	min-height:380px
}

.member-coin-history .member-coin-history-empty
{
	text-align:center
}

.member-coin-history .member-coin-history-empty p
{
	font-size:1em;
	color:#666
}

.member-coin-history .member-coin-history-empty p:first-of-type
{
	margin-top:30px;
	font-size:1.1em
}

@media only screen and (min-width:40.063em)
{
	.member-coin-history .member-coin-history-empty p:first-of-type
{
	font-size:1.2em
}


}

.member-coin-history .member-coin-history-empty p:nth-of-type(2)
{
	margin-top:10px
}

.member-coin-history .member-coin-history-empty p:nth-of-type(3)
{
	background-size:200px;
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/egg_mobile_history@2x.png);
	background-repeat:no-repeat;
	background-position:bottom;
	height:200px
}

@media only screen and (min-width:40.063em)
{
	.member-coin-history .member-coin-history-empty p:nth-of-type(3)
{
	background-size:300px;
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/egg_history@2x.png)
}


}

.member-coin-history .member-coin-history-empty p:nth-of-type(4)
{
	background-color:#00c977;
	padding:5px;
	margin:10px auto;
	width:200px;
	border-radius:4px;
	color:#fff;
	cursor:pointer
}

.member-coin-history .member-coin-listing
{
	min-height:340px;
	clear:left;
	margin:0 0 20px
}

@media only screen and (min-width:40.063em)
{
	.member-coin-history .member-coin-listing
{
	margin-top:20px
}


}

.member-coin-history .member-coin-listing header
{
	padding:10px;
	font-size:80%
}

.member-coin-history .member-coin-listing ul>li>*
{
	float:left;
	text-overflow:ellipsis;
	text-align:center;
	font-size:.8em
}

.member-coin-history .member-coin-listing ul>li>:first-child
{
	width:30%
}

.member-coin-history .member-coin-listing ul>li>:nth-child(4)
{
	width:38%;
	padding-left:10px
}

.member-coin-history .member-coin-listing ul>li>:nth-child(5)
{
	width:30%;
	text-align:left;
	padding-left:10px
}

@media only screen and (min-width:40.063em)
{
	.member-coin-history .member-coin-listing ul>li>:not(:nth-child(5))
{
	width:16%
}

.member-coin-history .member-coin-listing ul>li>:nth-child(5)
{
	width:20%;
	text-align:center;
	padding-left:0
}


}

.member-coin-history .member-coin-listing ul>li>.success
{
	color:#000
}

.member-coin-history .member-coin-listing ul>li>.pending
{
	color:#ffb865
}

.member-coin-history .member-coin-listing ul>li>.fail
{
	color:red
}

.member-coin-history .member-coin-listing ul>li.title
{
	padding:0 10px
}

.member-coin-history .member-coin-listing ul>li.title>*
{
	display:block;
	color:#6f6f6f;
	font-size:.8em;
	text-align:center
}

.member-coin-history .member-coin-listing ul>li.row
{
	height:60px;
	padding:10px 0;
	background-color:#fff;
	border-bottom:1px solid #e6e6e6
}

.member-coin-history .member-coin-listing ul>li.row:hover
{
	background-color:#f2f2f2
}

@media only screen and (min-width:40.063em)
{
	.member-coin-history .member-coin-listing ul>li.row
{
	padding:10px;
	border-bottom:0;
	margin-top:10px;
	border-radius:2px
}


}

.member-service
{
	min-height:380px
}

.member-service .member-service-default>div
{
	text-align:center;
	margin-bottom:30px
}

.member-service .member-service-default>div>span
{
	display:block;
	margin-bottom:30px
}

.member-service .member-service-default>div>span img
{
	width:50%
}

.member-service .member-service-default>div>span~span
{
	background-color:#00c977;
	border-radius:4px;
	padding:6px;
	width:280px;
	display:inline-block
}

.member-service .member-service-default>div>span~span a
{
	color:#fff
}

.member-service .member-service-default .empty-service-mb
{
	width:100%;
	background-color:#f9f9f9
}

@media only screen and (min-width:40.063em)
{
	.member-service .member-service-default .empty-service-mb
{
	display:none
}


}

.member-service .member-service-default .empty-service-mb p
{
	text-align:center;
	color:#9a9a9a;
	font-size:1em
}

.member-service .member-service-default .empty-service-mb p:first-of-type
{
	font-size:1.3em
}

.member-service .member-service-default .empty-service-mb p:nth-of-type(4)
{
	margin-bottom:20px
}

.member-service .member-service-default .empty-service-mb>span
{
	text-align:center;
	display:block;
	margin-bottom:15px
}

.member-service .member-service-default .empty-service-mb>span~span
{
	background-color:#00c977;
	border-radius:4px;
	padding:3px;
	margin:0 auto
}

.member-service .member-service-default .empty-service-mb>span~span a
{
	color:#fff
}

.member-service .loading
{
	min-height:380px;
	width:100%;
	position:relative
}

.member-header
{
	padding:16px 16px 24px;
	background-color:#4b67ca;
	color:#fff
}

@media only screen and (min-width:40.063em)
{
	.member-header
{
	padding:0
}


}

.member-header .profile-header-lay .goto-bump-history
{
	color:#fff
}

.member-header .profile-header-lay .goto-bump-history>span
{
	display:inline-block;
	font-size:80%;
	line-height:2em;
	background-color:#4058ad;
	border-radius:2px;
	padding:0 10px;
	margin-top:10px;
	border:1px solid hsla(0,0%,100%,.2)
}

.member-header .btn-edit-profile
{
	display:block;
	position:absolute;
	top:-8px;
	right:0;
	width:25px;
	height:25px;
	color:#fff
}

@media only screen and (min-width:40.063em)
{
	.member-header .btn-edit-profile
{
	position:static;
	right:auto;
	top:auto;
	width:auto;
	height:auto
}


}

@media only screen and (min-width:40.063em)
{
	.member-header .btn-edit-profile>span
{
	display:inline-block;
	margin-top:10px;
	font-size:85%;
	background:transparent;
	border:1px solid hsla(0,0%,100%,.5);
	color:hsla(0,0%,100%,.8);
	padding:0 8px;
	border-radius:2px;
	line-height:2em
}


}

.member-header .btn-edit-profile>span i:before
{
	font-size:1.6em
}

.member-header .member-lay
{
	width:80%
}

.member-header .member-lay>li
{
	height:91px;
	width:20%
}

.member-header .member-lay a
{
	height:91px;
	display:block;
	color:hsla(0,0%,100%,.8);
	background:#4b67ca no-repeat center 20px
}

.member-header .member-lay a.active
{
	color:#fff;
	border-bottom:5px solid #f70
}

.member-header .member-lay a img
{
	margin-top:-76px;
	display:block;
	margin-left:36%
}

.member-header .member-lay .menu
{
	font-size:12px;
	width:100%;
	display:inline-block;
	height:85px;
	text-align:center;
	vertical-align:bottom;
	padding-top:53px
}

@media only screen and (min-width:64.063em)
{
	.member-header .member-lay .menu
{
	font-size:14px
}


}

.member-header .member-header-listing a
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/icon_listing.svg)
}

.member-header .member-header-listing a.active
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/icon_listing_active.svg)
}

.member-header .member-header-service a
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/icon_bump_history_soft.svg)
}

.member-header .member-header-service a.active
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/icon_bump_history_white.svg)
}

.member-header .member-header-coin a
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/egg_menu_soft.svg)
}

.member-header .member-header-coin a.active
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/egg_menu_white.svg)
}

.member-header .member-header-favorite a
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/icon_favorite.svg)
}

.member-header .member-header-favorite a.active
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/icon_favorite_active.svg)
}

.member-header .member-header-history a
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/icon_history.svg)
}

.member-header .member-header-history a.active
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/icon_history_active.svg)
}

.profile-header-inner-lay
{
	position:relative;
	margin:0 auto
}

.profile-header-inner-lay .avatar-section
{
	top:0;
	right:auto
}

@media only screen and (min-width:40.063em)
{
	.profile-header-inner-lay .avatar-section
{
	top:10px
}


}

.profile-header-inner-lay .avatar-section .text-avatar
{
	color:#fff;
	font-size:10px;
	margin-top:4px
}

.profile-header-inner-lay .profile-info
{
	min-height:65px;
	margin-left:80px
}

@media only screen and (min-width:40.063em)
{
	.profile-header-inner-lay .profile-info
{
	max-width:59%;
	font-size:13px;
	margin-left:70px
}


}

@media only screen and (min-width:40.063em)
{
	.profile-header-inner-lay .profile-id
{
	display:none
}


}

.profile-header-inner-lay .profile-image
{
	width:60px;
	height:60px;
	background:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/member-profile-avatar.png);
	background-size:60px;
	border-radius:50%;
	overflow:hidden;
	float:left
}

@media only screen and (min-width:40.063em)
{
	.profile-header-inner-lay .profile-image
{
	margin-left:0;
	width:52px;
	height:52px;
	background-size:52px
}


}

@media only screen and (min-width:64.063em)
{
	.profile-header-inner-lay .profile-image
{
	width:60px;
	height:60px;
	background-size:60px
}


}

.profile-header-inner-lay .profile-name
{
	font-size:16px
}

.profile-header-inner-lay .profile-name+p
{
	font-size:80%
}

@media only screen and (min-width:40.063em)
{
	.profile-header-inner-lay .profile-name
{
	font-size:16px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	color:#fff;
	text-align:left;
	padding:0
}


}

@media only screen and (min-width:40.063em)
{
	.profile-header-inner-lay
{
	padding:13px 0;
	width:20%
}


}

.profile-panel .profile-header
{
	padding:16px;
	background-color:#4b67ca;
	color:#fff
}

.profile-panel .profile-header-inner
{
	max-width:320px;
	margin:0 auto
}

.profile-panel .profile-name
{
	font-size:18px
}

.profile-panel .profile-name+p
{
	font-size:14px
}

.profile-panel .profile-image
{
	width:64px;
	height:64px;
	background:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/member-profile-avatar.png);
	background-size:64px 64px;
	border-radius:50%;
	overflow:hidden;
	float:left
}

.profile-panel .profile-info
{
	min-height:65px;
	margin-left:80px
}

.profile-panel .btn-edit-profile
{
	display:inline-block;
	line-height:28px;
	padding:0 12px;
	background:rgba(0,0,0,.2);
	color:hsla(0,0%,100%,.8);
	border-radius:3px;
	font-size:80%
}

.profile-panel .profile-ads-menu
{
	background-color:#4b67ca
}

@media only screen and (min-width:40.063em)
{
	.profile-panel .profile-ads-menu
{
	background-color:transparent
}


}

.profile-panel .profile-ads-menu li
{
	float:left;
	position:relative;
	width:50%;
	text-align:center
}

.profile-panel .profile-ads-menu li:only-child
{
	width:100%
}

@media only screen and (min-width:40.063em)
{
	.profile-panel .profile-ads-menu li
{
	float:none;
	width:auto;
	text-align:left;
	border-bottom:1px solid hsla(0,0%,78%,.2)
}


}

.profile-panel .profile-ads-menu li a
{
	display:block;
	color:#fff;
	font-size:10px;
	padding:5px 0
}

@media only screen and (min-width:40.063em)
{
	.profile-panel .profile-ads-menu li a
{
	padding-left:10px;
	color:#4b67ca
}


}

.profile-panel .profile-ads-menu li a span
{
	display:block;
	line-height:2em
}

.profile-panel .profile-ads-menu li a.active
{
	border-bottom:4px solid #f57c00
}

@media only screen and (min-width:40.063em)
{
	.profile-panel .profile-ads-menu li a.active
{
	border-bottom:0
}


}

.profile-panel .profile-ads-menu li+li a span
{
	border-left:1px solid hsla(0,0%,100%,.5)
}

@media only screen and (min-width:40.063em)
{
	.profile-panel .profile-ads-menu li+li a span
{
	border-left:0
}


}

@media only screen and (min-width:40.063em)
{
	.profile-panel .profile-ads-menu li:hover
{
	background-color:hsla(0,0%,78%,.2)
}


}

.ownerads-manage-list
{
	background-color:#fff;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
	width:280px;
	height:430px
}

@media only screen and (min-width:40.063em)
{
	.ownerads-manage-list
{
	width:320px
}


}

.ownerads-manage-list>a
{
	position:absolute;
	z-index:1;
	background-color:rgba(0,0,0,.5);
	border-radius:50%;
	width:32px;
	height:32px;
	text-align:center;
	top:-16px;
	right:-16px
}

.ownerads-manage-list>a:before
{
	font-size:22px;
	color:#fff
}

.ownerads-manage-list .owner-modal-image
{
	position:relative;
	width:100%;
	height:180px
}

.ownerads-manage-list .owner-modal-content
{
	padding:0 20px
}

.ownerads-manage-list .owner-modal-content p
{
	margin:0 10px
}

.ownerads-manage-list .owner-modal-content p:first-of-type
{
	margin-top:10px;
	width:90%
}

.ownerads-manage-list .owner-modal-content p:nth-of-type(2)
{
	color:#6f6f6f;
	margin-bottom:10px
}

.ownerads-manage-list .owner-modal-content div div
{
	text-align:center
}

.ownerads-manage-list .owner-modal-content div div a
{
	color:#464646;
	border:1px solid #ccc;
	display:block;
	padding:5px 0;
	border-radius:4px;
	font-size:18px;
	margin-bottom:10px
}

.ownerads-manage-list .owner-modal-content div div a span
{
	margin-left:10px
}

.ownerads-manage-list .owner-modal-content div div a.link-delete
{
	border:none;
	color:#fff;
	background-color:#ce0a24
}

.quick-manage
{
	position:absolute;
	right:10px;
	top:10px;
	font-size:12px
}

.quick-manage>a
{
	color:#969696
}

.quick-manage>a,.quick-manage>a>i
{
	display:inline-block
}

.quick-manage>a>i:before
{
	display:inline-block;
	vertical-align:baseline;
	margin-right:4px
}

.quick-manage>a+a
{
	margin-left:10px
}

.ownerads-manage
{
	position:absolute;
	top:5px;
	right:10px;
	width:65px
}

.ownerads-manage>p
{
	line-height:34px;
	text-align:center;
	color:#4b67ca;
	cursor:pointer;
	font-size:14px
}

.ownerads-manage .bump
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/btn_bump.svg);
	background-position:8px 50%;
	background-repeat:no-repeat;
	position:relative;
	color:#fff;
	padding:0 16px 0 32px
}

.breadcrumb-cart-summary
{
	margin-top:16px;
	margin-left:8px
}

.bump-summary
{
	margin-bottom:140px;
	position:relative
}

.bump-summary .summary
{
	position:fixed;
	min-height:140px;
	bottom:0;
	width:100%;
	background:#fff
}

@media only screen and (min-width:40.063em)
{
	.bump-summary .summary
{
	position:absolute;
	height:200px;
	top:110px;
	right:0;
	width:28%;
	padding:1% 0
}


}

@media only screen and (min-width:64.063em)
{
	.bump-summary .summary
{
	top:81px
}


}

.bump-summary .summary.insuff
{
	min-height:150px;
	height:220px
}

.bump-summary .summary.sms
{
	min-height:170px;
	height:240px
}

.bump-summary.nothing
{
	margin:50px auto 0;
	text-align:center;
	display:table
}

.bump-summary.nothing button
{
	margin-top:40px
}

.bump-summary .head
{
	margin:0;
	line-height:3em;
	padding-left:10px;
	background-color:#f9f9f9;
	border-bottom:1px solid #e4e4e4
}

@media only screen and (min-width:40.063em)
{
	.bump-summary .head
{
	font-size:1.25em;
	border-bottom:1px solid #e4e4e4
}


}

.bump-summary .cart
{
	width:100%
}

@media only screen and (min-width:40.063em)
{
	.bump-summary .cart
{
	margin-top:20px;
	max-width:70%;
	background-color:#fff;
	min-height:400px
}


}

.bump-summary .cart .txt-header
{
	font-size:.875em;
	padding:8px 0 8px 20px
}

.bump-summary>div:first-child.hide-sm:empty
{
	opacity:0
}

.summary-box
{
	margin:0 20px
}

.summary-box .sms
{
	font-size:12px;
	text-align:center;
	color:#9b9b9b
}

.summary-box .price
{
	margin-top:8px
}

.summary-box .txt-price
{
	display:inline-block;
	width:50%
}

@media only screen and (min-width:40.063em)
{
	.summary-box .txt-price
{
	display:block;
	width:100%;
	text-align:center
}


}

.summary-box .txt-egg
{
	display:inline-block;
	width:50%;
	text-align:right;
	font-size:1.25em
}

@media only screen and (min-width:40.063em)
{
	.summary-box .txt-egg
{
	display:block;
	width:100%;
	text-align:center;
	font-size:2em;
	margin-top:16px
}


}

.summary-box .txt-egg img
{
	width:25px;
	vertical-align:text-bottom
}

@media only screen and (min-width:40.063em)
{
	.summary-box .txt-egg img
{
	width:36px
}


}

.summary-box .egg-balance
{
	text-align:center;
	margin-bottom:8px;
	font-size:.875em
}

.summary-box .egg-balance.red
{
	color:red
}

.summary-box .bg-icon-coin
{
	padding-left:20px;
	background-size:20px
}

.bump-item-list
{
	list-style:none
}

.bump-item-list li
{
	position:relative;
	line-height:20px;
	border-bottom:1px solid #9b9b9b;
	height:72px;
	width:100%;
	padding:0 10px;
	background-color:#fff;
	border-bottom:1px solid #e4e4e4;
	display:table
}

@media only screen and (min-width:40.063em)
{
	.bump-item-list li
{
	height:80px;
	padding:0 10px 0 20px
}


}

.bump-item-list .image-bump
{
	display:table-cell;
	width:70px;
	height:70px;
	overflow:hidden;
	padding-right:5px
}

.bump-item-list .image-bump>p
{
	width:65px;
	overflow:hidden;
	display:inline-block;
	vertical-align:middle;
	height:40px;
	margin-right:8px
}

.bump-item-list .content-ads
{
	display:table-cell;
	vertical-align:middle
}

.bump-item-list .topic
{
	color:#9b9b9b;
	max-width:150px;
	font-size:.875em
}

@media only screen and (min-width:40.063em)
{
	.bump-item-list .topic
{
	max-width:400px
}


}

.bump-item-list .ads-number
{
	font-size:.875em
}

.bump-item-list .df-icon-dfclose
{
	position:absolute;
	top:5px;
	right:10px;
	color:#9b9b9b
}

@media only screen and (min-width:40.063em)
{
	.bump-item-list .df-icon-dfclose
{
	right:16px
}


}

.bump-item-list .bg-icon-coin
{
	position:absolute;
	top:50%;
	margin-top:-8px;
	right:18px;
	background-size:18px;
	background-position:10px;
	padding-left:28px;
	font-size:.875em
}

@media only screen and (min-width:40.063em)
{
	.bump-item-list .bg-icon-coin
{
	font-size:1em;
	right:40px
}


}

.ads-view-listing
{
	min-height:380px;
	margin-bottom:50px;
	position:relative
}

.ads-view-listing .owner-ads-list
{
	width:100%
}

@media only screen and (min-width:40.063em)
{
	.ads-view-listing .owner-ads-list
{
	width:auto;
	margin-right:320px!important
}


}

.ads-view-listing .pending
{
	width:100%
}

@media only screen and (min-width:40.063em)
{
	.ads-view-listing .pending
{
	width:auto;
	margin-right:320px
}


}

.ads-view-listing .bump-notice,.ads-view-listing .bump-summary
{
	background:#fff;
	text-align:center;
	position:fixed;
	height:80px;
	bottom:0;
	width:100%;
	margin-bottom:0;
	z-index:2
}

@media only screen and (min-width:40.063em)
{
	.ads-view-listing .bump-notice,.ads-view-listing .bump-summary
{
	position:absolute;
	min-height:160px;
	top:0;
	right:0;
	width:300px;
	padding:0
}


}

.ads-view-listing .bump-notice.hide-sm .title,.ads-view-listing .bump-summary.hide-sm .title
{
	margin-top:15px
}

.ads-view-listing .bump-summary
{
	height:100px
}

@media only screen and (min-width:40.063em)
{
	.ads-view-listing .bump-summary
{
	height:200px
}


}

.ads-view-listing .bump-summary.box-item .txt-total
{
	position:absolute;
	bottom:53px;
	left:86px;
	font-size:.8em
}

.ads-view-listing .bump-summary.box-item .bg-icon-coin
{
	position:absolute;
	bottom:26px;
	left:95px;
	background-size:20px;
	padding-left:20px;
	background-position:0
}

@media only screen and (min-width:40.063em)
{
	.ads-view-listing .sticky
{
	position:absolute
}


}

.ads-view-listing .cancel
{
	position:absolute;
	width:70px;
	height:44px;
	font-size:.8em;
	border:transparent;
	text-align:left;
	bottom:30px;
	left:16px
}

.ads-view-listing .number-circle
{
	border-radius:50%;
	padding:1% 6%;
	color:#00c977;
	background-color:#fff;
	margin-left:16px;
	font-size:.8em
}

.ads-view-listing .sum-button
{
	position:absolute;
	height:44px;
	max-width:152px;
	margin:20px 8px;
	right:0;
	cursor:pointer
}

@media only screen and (min-width:40.063em)
{
	.ads-view-listing .sum-button
{
	display:block;
	position:relative;
	height:45px;
	width:80%;
	margin:0 auto;
	right:inherit
}


}

.ads-view-listing .total
{
	font-size:2em;
	margin:4px 0
}

.ads-view-listing .title
{
	font-size:.9em
}

.ads-view-listing .notice
{
	padding-top:110px;
	background-size:140px;
	color:#fff;
	background-repeat:no-repeat;
	background-position:50% -10px;
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/help-schedule-m.png)
}

.ads-view-listing .notice .more-header
{
	font-size:1.25em
}

.ads-view-listing .notice .more-body,.ads-view-listing .notice .more-header
{
	display:block
}

.ads-view-listing .notice .more-body,.ads-view-listing .notice .more-last
{
	font-size:.75em
}

.ads-view-listing .notice .more-last
{
	margin:0 6px
}

.ads-view-listing .notice .more-url
{
	font-size:.75em;
	position:absolute;
	bottom:4px;
	right:12px;
	color:#fff;
	cursor:pointer;
	opacity:.7
}

@media only screen and (max-width:40em)
{
	.ads-view-listing .bump-summary.mobile.info-notice
{
	height:0
}


}

.member-ads-list>li
{
	position:relative
}

.member-ads-list>li .item-location
{
	display:block;
	font-size:80%;
	color:#9b9b9b;
	line-height:28px;
	overflow:hidden;
	height:28px
}

.member-ads-list>li .df-icon-map-marker:before
{
	margin-right:6px
}

@media only screen and (min-width:40.063em)
{
	.member-ads-list>li.member-ads-preview
{
	float:left;
	width:19%;
	border-radius:1px;
	margin-right:1%
}

.member-ads-list>li.member-ads-preview:hover
{
	box-shadow:1px 1px 2px 1px hsla(0,0%,59%,.15)
}

.member-ads-list>li.member-ads-preview:nth-child(5n)
{
	margin-right:0
}


}

@media only screen and (min-width:90.063em)
{
	.member-ads-list>li.member-ads-preview
{
	width:300px;
	margin-right:1%;
	min-height:250px
}

.member-ads-list>li.member-ads-preview .google-adv
{
	margin-bottom:0
}


}

.m-space
{
	padding:0 1%
}

@media only screen and (min-width:40.063em)
{
	.m-space
{
	padding:0
}


}

#editpassword-status
{
	margin-top:10px;
	padding:10px;
	background:rgba(255,209,87,.3);
	color:#d24c34;
	text-align:center;
	font-size:80%;
	border:1px solid #ffd157;
	border-radius:2px
}

@media only screen and (min-width:40.063em)
{
	.edit-password .editpassword-form label
{
	line-height:2.4em;
	text-align:right;
	display:inherit
}


}

.member-ads-list-paginate
{
	padding:20px 0;
	text-align:center
}

.member-ads-list-paginate>span
{
	display:inline-block;
	padding:0 10px;
	line-height:36px;
	border:1px solid #c8c8c8;
	color:#969696
}

.member-ads-list-paginate>span:first-child
{
	border-radius:2px 0 0 2px
}

.member-ads-list-paginate>span.prev
{
	border-right:0
}

.member-ads-list-paginate>span.prev a i
{
	line-height:32px
}

.member-ads-list-paginate>span.next
{
	border-left:0
}

.member-ads-list-paginate>span.next a i
{
	line-height:32px
}

.member-ads-list-paginate>span:last-child
{
	border-radius:0 2px 2px 0
}

.member-ads-list-paginate>span:only-child
{
	border-radius:2px
}

.member-empty-state
{
	width:100%;
	height:270px;
	margin-top:40px;
	background-size:70%;
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/member-empty-state-m.png);
	background-repeat:no-repeat;
	background-position:center 30px
}

.member-empty-state p
{
	font-size:1.2em;
	text-align:center;
	color:#666
}

@media only screen and (min-width:40.063em)
{
	.member-empty-state
{
	background-size:40%;
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/member-empty-state-d.png);
	background-repeat:no-repeat;
	background-position:50%;
	margin-bottom:40px;
	height:320px
}

.member-empty-state p
{
	font-size:1.5em
}


}

.helps-bump-desktop,.helps-bump-mobile
{
	text-align:right;
	padding-top:5px;
	opacity:.7
}

.member-header-topup h1
{
	color:#4d4d4d;
	padding:0 0 10px 20px;
	font-size:1.4em
}

.member-header-topup>p
{
	background-color:#4b67ca;
	color:#fff;
	padding:8px 16px
}

@media only screen and (min-width:40.063em)
{
	.member-header-topup>p
{
	display:none
}


}

.member-header-topup>p>span
{
	width:50%
}

.member-header-topup>p>span strong
{
	max-width:200px
}

.member-header-topup>p>span~span
{
	width:50%
}

.member-header-topup>p>span~span .bg-icon-coin
{
	background-size:33px;
	max-width:266px;
	font-size:1.4em;
	padding-left:40px
}

@media only screen and (min-width:40.063em)
{
	.member-coin .total-coin
{
	float:left;
	border:1px solid #ececec;
	background-color:#efefef;
	width:25%
}


}

@media only screen and (min-width:40.063em)
{
	.member-coin .total-coin h3
{
	font-size:1em;
	padding:5px 10px
}


}

.member-coin .total-coin p
{
	background-color:#fff;
	padding:20px 0;
	text-align:center
}

.member-coin .total-coin .bg-icon-coin
{
	font-size:32px;
	padding-left:40px;
	background-size:40px;
	background-position:0
}

.me .ads-thumbnail
{
	background-color:#eee;
	left:0;
	position:absolute;
	overflow:hidden;
	width:80px;
	height:80px;
	border-radius:4px
}

.me .ads-thumbnail img
{
	position:absolute;
	width:130%;
	max-width:130%;
	top:0;
	bottom:0;
	left:-15%;
	right:0;
	margin:auto
}

.member-ads-list .ad-status
{
	font-size:12px;
	color:#969696
}

.member-ads-list .ad-price
{
	font-size:14px;
	font-weight:700;
	color:#f70
}

.member-ads-list:not(.buyer-view)
{
	padding-left:10px
}

.confirm-modal
{
	text-align:center;
	background-color:#fff;
	padding:24px
}

.confirm-modal.pd-t-1x
{
	padding-top:8px
}

.confirm-modal .txt-confirm
{
	max-width:350px
}

.confirm-modal .cancel
{
	display:inline-block;
	width:44%;
	margin-right:4%
}

.confirm-modal .confirm
{
	display:inline-block;
	width:48%
}

.member .box-item
{
	padding:8px 8px 0
}

@media only screen and (min-width:40.063em)
{
	.member .box-item
{
	padding:initial
}


}

.member .ads-view-listing .box-item .title
{
	font-size:1em;
	margin-bottom:8px
}

.member .ads-view-listing .box-item .box-total
{
	margin-bottom:65px
}

.member .ads-view-listing .box-item .box-total .box-topad-sum
{
	float:left;
	width:50%;
	border-right:1px solid #e4e4e4
}

.member .ads-view-listing .box-item .box-total .box-topad-sum .total-topad-txt
{
	color:#969696;
	font-size:.7em
}

.member .ads-view-listing .box-item .box-total .box-topad-sum .total-topad
{
	font-size:1.5em
}

.member .ads-view-listing .box-item .box-total .box-bump-sum
{
	float:left;
	width:50%
}

.member .ads-view-listing .box-item .box-total .box-bump-sum .total-bump-txt
{
	color:#969696;
	font-size:.7em
}

.member .ads-view-listing .box-item .box-total .box-bump-sum .total-bump
{
	font-size:1.5em
}

.member .ads-view-listing .box-item .balance-total
{
	margin-bottom:8px
}

.member .ads-view-listing .box-item .balance-total .bg-icon-coin
{
	position:static;
	padding-left:22px;
	background-size:22px
}

.member-topup.profile-ads-menu li
{
	width:50%
}

@media only screen and (min-width:40.063em)
{
	.member-topup.profile-ads-menu li
{
	width:auto
}


}

.member-service .member-profile-panel .profile-ads-menu
{
	background-color:#f8f8f8
}

.member-service .member-profile-panel .profile-ads-menu li
{
	width:50%
}

@media only screen and (min-width:40.063em)
{
	.member-service .member-profile-panel .profile-ads-menu li
{
	width:auto
}


}

.owner-ads-preview+.owner-ads-preview
{
	border-top:1px solid #e4e4e4
}

.overlay
{
	height:100%;
	width:100%;
	position:absolute;
	z-index:1;
	background:rgba(0,0,0,.6);
	opacity:.6;
	top:0;
	left:0
}

.promote-member-main
{
	min-height:400px
}

.promote-member-wrapper
{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
	background-color:#f8f8f8;
	width:280px;
	max-height:470px
}

@media only screen and (min-width:40.063em)
{
	.promote-member-wrapper
{
	width:750px;
	max-height:400px
}


}

.promote-member-wrapper .promote-option .df-icon-dfclose
{
	position:absolute;
	top:0;
	right:10px;
	color:#fff;
	font-size:24px;
	z-index:2
}

@media only screen and (min-width:40.063em)
{
	.promote-member-wrapper .promote-option .df-icon-dfclose
{
	color:#9b9b9b
}


}

.promote-member-wrapper .promote-option .promote-option-header
{
	max-height:150px;
	padding:10px;
	position:relative;
	overflow:hidden
}

@media only screen and (min-width:40.063em)
{
	.promote-member-wrapper .promote-option .promote-option-header
{
	float:left;
	width:60%;
	height:400px;
	max-height:400px;
	padding:16px
}


}

.promote-member-wrapper .promote-option .promote-option-header p
{
	font-size:1em;
	color:#fff;
	z-index:2;
	position:relative
}

.promote-member-wrapper .promote-option .promote-option-header p:first-of-type
{
	font-size:1.5em;
	padding-bottom:30px;
	max-width:200px
}

.promote-member-wrapper .promote-option .promote-option-content
{
	padding:0 10px 10px;
	position:relative
}

@media only screen and (min-width:40.063em)
{
	.promote-member-wrapper .promote-option .promote-option-content
{
	float:left;
	width:39%;
	padding:0 8px 10px 16px
}


}

.promote-member-wrapper .promote-option .promote-option-content .txt-promote
{
	font-size:1.2em;
	padding-top:16px
}

.promote-member-wrapper .promote-option .promote-option-content .txt-select
{
	font-size:.875em;
	color:#9b9b9b;
	padding-bottom:16px;
	padding-top:16px
}

@media only screen and (min-width:40.063em)
{
	.promote-member-wrapper .promote-option .promote-option-content .txt-select
{
	padding-top:0
}


}

.promote-member-wrapper .promote-option .promote-option-content .promote-option-content-topad
{
	border:1px solid #e4e4e4;
	background-color:#fff;
	border-radius:3px;
	cursor:pointer;
	margin-bottom:8px;
	position:relative
}

.promote-member-wrapper .promote-option .promote-option-content .promote-option-content-topad .txt-header
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/topad-info.svg);
	background-repeat:no-repeat;
	background-size:78px;
	background-position:-1px;
	width:94%;
	display:inline-block;
	padding:8px;
	height:96px
}

.promote-member-wrapper .promote-option .promote-option-content .promote-option-content-topad .txt-header p
{
	padding-left:80px;
	margin-bottom:8px;
	font-size:.8em
}

.promote-member-wrapper .promote-option .promote-option-content .promote-option-content-topad .txt-header p span:first-of-type
{
	margin-left:20px;
	margin-right:8px;
	font-weight:700
}

.promote-member-wrapper .promote-option .promote-option-content .promote-option-content-topad .txt-header p.bg-icon-topad-grey
{
	background-position:80px
}

.promote-member-wrapper .promote-option .promote-option-content .promote-option-content-topad .txt-header p.status-timebump span
{
	margin-left:0;
	font-weight:400
}

.promote-member-wrapper .promote-option .promote-option-content .promote-option-content-topad .txt-header .green
{
	color:#00c977
}

.promote-member-wrapper .promote-option .promote-option-content .promote-option-content-topad #topad-checkbox
{
	position:absolute;
	right:6px;
	top:45px
}

.promote-member-wrapper .promote-option .promote-option-content .promote-option-content-bump
{
	border:1px solid #e4e4e4;
	background-color:#fff;
	cursor:pointer;
	position:relative
}

.promote-member-wrapper .promote-option .promote-option-content .promote-option-content-bump .txt-header
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/bump-info.svg);
	background-repeat:no-repeat;
	background-size:78px;
	background-position:-1px;
	width:94%;
	display:inline-block;
	padding:8px;
	height:96px
}

.promote-member-wrapper .promote-option .promote-option-content .promote-option-content-bump .txt-header p
{
	padding-left:78px;
	margin-bottom:8px
}

.promote-member-wrapper .promote-option .promote-option-content .promote-option-content-bump .txt-header p.bg-icon-bump-grey
{
	background-position:78px
}

.promote-member-wrapper .promote-option .promote-option-content .promote-option-content-bump .txt-header p.bg-icon-bump-grey>span
{
	display:inline-block;
	padding-left:24px
}

.promote-member-wrapper .promote-option .promote-option-content .promote-option-content-bump .txt-header p:nth-of-type(2)
{
	font-size:.8em
}

.promote-member-wrapper .promote-option .promote-option-content .promote-option-content-bump .txt-header .green
{
	color:#00c977
}

.promote-member-wrapper .promote-option .promote-option-content .promote-option-content-bump #bump-checkbox
{
	position:absolute;
	right:6px;
	top:45px
}

.promote-member-wrapper .promote-option .promote-option-content .promote-option-content-button
{
	padding:6px;
	border-radius:4px;
	margin-top:16px;
	background-color:#00c977;
	color:#fff;
	font-size:18px;
	cursor:pointer;
	text-align:center
}

@media only screen and (min-width:40.063em)
{
	.promote-member-wrapper .promote-option .promote-option-content .promote-option-content-button
{
	margin-top:32px
}


}

.promote-member-wrapper .promote-option .promote-option-content .promote-option-content-button.grey
{
	background-color:#ccc
}

.promote-bump
{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
	background-color:#f8f8f8;
	width:280px;
	max-height:445px
}

@media only screen and (min-width:40.063em)
{
	.promote-bump
{
	width:750px;
	max-height:400px
}


}

.promote-bump .df-icon-dfclose
{
	position:absolute;
	top:0;
	right:10px;
	color:#fff;
	font-size:24px;
	z-index:3
}

@media only screen and (min-width:40.063em)
{
	.promote-bump .df-icon-dfclose
{
	color:#9b9b9b
}


}

.promote-bump .promote-bump-header
{
	max-height:150px;
	padding:10px;
	position:relative;
	overflow:hidden
}

@media only screen and (min-width:40.063em)
{
	.promote-bump .promote-bump-header
{
	float:left;
	width:60%;
	height:400px;
	max-height:400px;
	padding:16px
}


}

.promote-bump .promote-bump-header p
{
	font-size:1em;
	color:#fff;
	position:relative;
	z-index:2
}

.promote-bump .promote-bump-header p:first-of-type
{
	font-size:1.5em;
	padding-bottom:30px
}

@media only screen and (min-width:40.063em)
{
	.promote-bump .promote-bump-body
{
	float:left;
	width:40%
}


}

.promote-bump .promote-bump-body .txt-bump
{
	margin-top:16px;
	text-align:center;
	font-size:1.5em;
	margin-bottom:24px
}

.promote-bump .promote-bump-body .list-bump
{
	list-style:none;
	margin-top:16px
}

.promote-bump .promote-bump-body .list-bump li
{
	padding:8px 16px;
	border-bottom:1px solid #e4e4e4;
	line-height:34px;
	transition:all .3s
}

@media only screen and (min-width:40.063em)
{
	.promote-bump .promote-bump-body .list-bump li
{
	line-height:45px
}


}

.promote-bump .promote-bump-body .list-bump li:hover
{
	background-color:#f3f3f3
}

.promote-bump .promote-bump-body .list-bump li span
{
	display:inline-block
}

.promote-bump .promote-bump-body .list-bump li .bg-icon-coin
{
	width:50%;
	padding-left:26px;
	background-size:24px;
	background-position:2px;
	font-size:1.2em
}

.promote-bump .promote-bump-body .list-bump li .date-bump
{
	text-align:center;
	width:36%;
	background-color:#00c977;
	color:#fff;
	border-radius:4px;
	margin-left:30px;
	line-height:35px;
	cursor:pointer
}

.promote-bump .promote-bump-body .btn-back
{
	padding:6px;
	border-radius:4px;
	margin-top:16px;
	color:#646464;
	font-size:18px;
	text-align:center
}

.promote-bump .promote-bump-body .btn-back span
{
	cursor:pointer;
	display:inline-block;
	width:25%
}

.promote-topad
{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
	background-color:#f8f8f8;
	width:280px;
	max-height:445px
}

@media only screen and (min-width:40.063em)
{
	.promote-topad
{
	width:750px;
	max-height:400px
}


}

.promote-topad .df-icon-dfclose
{
	position:absolute;
	top:0;
	right:10px;
	color:#fff;
	font-size:24px;
	z-index:3
}

@media only screen and (min-width:40.063em)
{
	.promote-topad .df-icon-dfclose
{
	color:#9b9b9b
}


}

.promote-topad .promote-topad-header
{
	max-height:150px;
	padding:10px;
	position:relative;
	overflow:hidden
}

@media only screen and (min-width:40.063em)
{
	.promote-topad .promote-topad-header
{
	float:left;
	width:60%;
	height:400px;
	max-height:400px;
	padding:16px
}


}

.promote-topad .promote-topad-header p
{
	font-size:1em;
	color:#fff;
	position:relative;
	z-index:2
}

.promote-topad .promote-topad-header p:first-of-type
{
	font-size:1.5em;
	padding-bottom:30px
}

.promote-topad .promote-topad-body
{
	padding:32px 16px 16px;
	text-align:center
}

@media only screen and (min-width:40.063em)
{
	.promote-topad .promote-topad-body
{
	float:left;
	width:39%;
	padding:16px 8px 0 16px
}


}

.promote-topad .promote-topad-body .txt-promote
{
	font-size:1.5em;
	margin-bottom:16px
}

.promote-topad .promote-topad-body .egg
{
	margin-bottom:32px;
	font-size:32px
}

.promote-topad .promote-topad-body .egg .bg-icon-coin
{
	background-size:35px;
	padding-left:44px;
	background-position:8px
}

.promote-topad .promote-topad-body .txt-desc
{
	padding:16px;
	border:1px solid #e4e4e4;
	border-radius:4px
}

.promote-topad .promote-topad-body .txt-desc span:first-child
{
	margin-right:16px
}

.promote-topad .promote-topad-body .txt-desc span:last-child
{
	font-size:18px;
	font-weight:700
}

.promote-topad .promote-topad-body .balance
{
	margin-top:24px
}

.promote-topad .promote-topad-body .balance span:last-child
{
	padding-left:20px;
	background-size:20px;
	background-position:0
}

.promote-topad .promote-topad-body .balance.red
{
	color:red
}

.promote-topad .promote-topad-body .btn-promote
{
	padding:6px;
	border-radius:4px;
	margin-top:48px;
	background-color:#00c977;
	color:#fff;
	font-size:18px;
	cursor:pointer
}

.promote-topad .promote-topad-body .btn-back
{
	padding:6px;
	border-radius:4px;
	margin-top:16px;
	color:#646464;
	font-size:18px
}

.promote-topad .promote-topad-body .btn-back span
{
	cursor:pointer;
	display:inline-block;
	width:25%
}

.promote-ads
{
	position:absolute;
	right:10px;
	bottom:40px
}

@media only screen and (min-width:64.063em)
{
	.promote-ads
{
	bottom:14px
}


}

.promote-ads .txt-icon span
{
	color:transparent;
	vertical-align:middle;
	display:inline-block
}

.promote-ads .txt-icon span.bg-icon-topad-grey
{
	width:16px;
	height:16px;
	margin-right:6px
}

.promote-ads .promote-button span
{
	padding:1px 10px;
	cursor:pointer;
	font-size:10px
}

.promote-ads .promote-button span:first-child
{
	min-width:65px;
	text-align:center;
	border:1px solid #00c977;
	background-color:#00c977;
	color:#fff;
	display:inherit;
	height:24px;
	line-height:20px;
	border-radius:12px
}

.promote-ads .promote-button span:first-child:hover
{
	background-color:#00b96d
}

.promote-ads .promote-button span.green
{
	background-color:#00c977;
	color:#fff
}

.promote-ads .promote-button .bg-icon-checked
{
	background-size:20px;
	background-position:6px;
	padding-left:26px
}

.promote-ads .bg-icon-bump-grey
{
	height:22px;
	width:22px;
	margin-right:6px
}

.coach-mark-promote
{
	position:absolute;
	top:-400px;
	right:0;
	bottom:0;
	margin:auto;
	width:308px;
	height:190px;
	z-index:11;
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/coach-mark-promote@3x.png);
	background-size:285px;
	background-repeat:no-repeat
}

@media only screen and (min-width:40.063em)
{
	.coach-mark-promote
{
	top:-390px;
	background-size:300px;
	width:300px;
	left:44px
}


}

.coach-mark-promote a
{
	position:absolute;
	text-align:center;
	font-size:1em;
	width:22px;
	top:-14px;
	right:12px;
	background-color:#fff;
	border-radius:50%;
	height:22px;
	line-height:17px
}

@media only screen and (min-width:40.063em)
{
	.coach-mark-promote a
{
	right:-12px
}


}

.coach-mark-promote span
{
	position:absolute;
	background-color:#fff;
	width:90px;
	height:31px;
	border-radius:4px;
	right:18px;
	text-align:center;
	color:#00c977;
	border:1px solid #00c977;
	padding-top:2px;
	top:168px
}

@media only screen and (min-width:40.063em)
{
	.coach-mark-promote span
{
	width:110px;
	right:-6px;
	top:176px
}


}

.member-dashborad
{
	background-color:#fff;
	padding:16px
}

.dashboard-member-wrapper
{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
	background-color:#f8f8f8;
	width:94%;
	max-height:96%;
	font-family:helvetica,arial,thonburi,tahoma;
	overflow-y:scroll
}

@media only screen and (min-width:40.063em)
{
	.dashboard-member-wrapper
{
	width:650px;
	max-height:480px;
	overflow-y:auto
}


}

.dashboard-member-wrapper .dashboard-option .df-icon-dfclose
{
	position:absolute;
	top:0;
	right:10px;
	color:#fff;
	font-size:24px;
	z-index:2;
	cursor:pointer
}

@media only screen and (min-width:40.063em)
{
	.dashboard-member-wrapper .dashboard-option .df-icon-dfclose
{
	color:#9b9b9b
}


}

.dashboard-member-wrapper .dashboard-option .dashboard-option-header
{
	max-height:100px;
	padding:10px;
	position:relative;
	overflow:hidden
}

@media only screen and (min-width:40.063em)
{
	.dashboard-member-wrapper .dashboard-option .dashboard-option-header
{
	float:left;
	width:50%;
	height:480px;
	max-height:480px;
	padding:16px
}


}

.dashboard-member-wrapper .dashboard-option .dashboard-option-header p
{
	font-size:10px;
	color:#fff;
	z-index:2;
	position:relative
}

.dashboard-member-wrapper .dashboard-option .dashboard-option-header p:first-of-type
{
	font-size:1.5em;
	padding-bottom:10px;
	max-width:200px
}

.dashboard-member-wrapper .dashboard-option .dashboard-option-content
{
	position:relative
}

@media only screen and (min-width:40.063em)
{
	.dashboard-member-wrapper .dashboard-option .dashboard-option-content
{
	float:left;
	width:50%
}


}

.dashboard-member-wrapper .dashboard-option .dashboard-option-content .dashboard-option-content-line
{
	position:relative;
	padding:10px;
	border-radius:3px
}

.dashboard-member-wrapper .dashboard-option .dashboard-option-content .dashboard-option-content-line .txt-dashboard
{
	font-size:1.2em;
	padding-bottom:16px
}

.dashboard-member-wrapper .dashboard-option .dashboard-option-content .dashboard-option-content-line .stat-summay-hdr
{
	font-size:18px;
	margin-bottom:10px
}

.dashboard-member-wrapper .dashboard-option .dashboard-option-content .dashboard-option-content-line .stat-summay-hdr span
{
	font-size:16px;
	font-weight:lighter
}

.dashboard-member-wrapper .dashboard-option .dashboard-option-content .dashboard-option-content-line .stat-summay
{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-ms-flex-direction:row;
	flex-direction:row;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap
}

.dashboard-member-wrapper .dashboard-option .dashboard-option-content .dashboard-option-content-line .stat-summay>li
{
	-webkit-box-flex:1;
	-ms-flex:1 1 auto;
	flex:1 1 auto;
	width:50%;
	margin-bottom:10px
}

.dashboard-member-wrapper .dashboard-option .dashboard-option-content .dashboard-option-content-line .stat-summay>li h3
{
	font-size:10px;
	font-weight:400
}

.dashboard-member-wrapper .dashboard-option .dashboard-option-content .dashboard-option-content-line .stat-summay>li p
{
	position:relative
}

.dashboard-member-wrapper .dashboard-option .dashboard-option-content .dashboard-option-content-line .stat-summay>li p>span:first-child
{
	font-size:32px;
	line-height:32px;
	margin-right:4px
}

.dashboard-member-wrapper .dashboard-option .dashboard-option-content .dashboard-option-content-line .stat-summay>li p .inb
{
	display:inline-block
}

.dashboard-member-wrapper .dashboard-option .dashboard-option-content .dashboard-option-content-line .stat-summay>li p .nano-text
{
	font-size:10px
}

.dashboard-member-wrapper .dashboard-option .dashboard-option-content .dashboard-option-content-bar
{
	position:relative;
	padding:0 10px
}

.dashboard-member-wrapper .dashboard-option .dashboard-option-content .dashboard-option-content-bar canvas
{
	width:68%!important;
	height:100px!important
}

.dashboard-member-wrapper .dashboard-option .dashboard-option-content .dashboard-option-content-bar .bar-title
{
	font-size:.875em;
	padding-bottom:8px
}

.dashboard-member-wrapper .dashboard-option .dashboard-option-content .dashboard-option-content-bar .bar-title span:nth-of-type(2)
{
	font-size:.8em;
	color:#9b9b9b
}

.dashboard-member-wrapper .dashboard-option .dashboard-option-content .dashboard-option-content-bar .count-stat
{
	top:48px;
	right:16px;
	position:absolute;
	background-color:#4b67ca;
	border-radius:30px;
	width:60px;
	height:60px;
	text-align:center;
	color:#fff
}

.dashboard-member-wrapper .dashboard-option .dashboard-option-content .dashboard-option-content-bar .count-stat p:first-of-type
{
	font-size:18px;
	font-weight:700;
	margin-top:8px
}

.dashboard-member-wrapper .dashboard-option .dashboard-option-content .dashboard-option-content-bar .count-stat p:nth-of-type(2)
{
	font-size:10px
}

.dashboard-member-wrapper .dashboard-content-empty
{
	text-align:center
}

.dashboard-member-wrapper .dashboard-content-empty .dashboard-empty-image
{
	padding-top:10px
}

@media only screen and (min-width:40.063em)
{
	.dashboard-member-wrapper .dashboard-content-empty .dashboard-empty-image
{
	padding-top:10px
}


}

.dashboard-member-wrapper .dashboard-content-empty .dashboard-empty-image img
{
	width:95px
}

.dashboard-member-wrapper .dashboard-content-empty p
{
	line-height:35px;
	font-size:.875em
}

.dashboard-member-wrapper .dashboard-content-empty p:nth-of-type(2)
{
	font-size:1.2em;
	margin-top:16px
}

.dashboard-member-wrapper .dashboard-content-empty p:nth-of-type(5)
{
	margin:24px 8px;
	cursor:pointer;
	display:inline-block
}

.dashboard-member-wrapper .dashboard-content-empty p:nth-of-type(5) span
{
	background-color:#00c977;
	padding:8px;
	border-radius:20px;
	color:#fff;
	font-size:1.3em
}

@media only screen and (min-width:40.063em)
{
	.dashboard-member-wrapper .dashboard-content-empty p:nth-of-type(5) span
{
	padding:8px 24px
}


}

.dashboard-member-wrapper .dashboard-content-empty p:nth-of-type(6)
{
	margin:24px 0;
	cursor:pointer;
	display:inline-block
}

.dashboard-member-wrapper .dashboard-content-empty p:nth-of-type(6) span
{
	background-color:#00c977;
	padding:8px 24px;
	border-radius:20px;
	color:#fff;
	font-size:1.3em
}

@media only screen and (min-width:40.063em)
{
	.dashboard-member-wrapper .dashboard-content-empty p:nth-of-type(6) span
{
	padding:8px 40px
}


}

.dashboard-member-wrapper .dashboard-content-promote
{
	margin-top:24px;
	text-align:center;
	margin-bottom:24px
}

.dashboard-member-wrapper .dashboard-content-promote p:first-of-type
{
	cursor:pointer;
	display:inline-block;
	margin:0 16px
}

@media only screen and (min-width:40.063em)
{
	.dashboard-member-wrapper .dashboard-content-promote p:first-of-type
{
	margin:0 8px
}


}

.dashboard-member-wrapper .dashboard-content-promote p:first-of-type span
{
	background-color:#00c977;
	padding:8px;
	border-radius:20px;
	color:#fff;
	font-size:1.1em
}

@media only screen and (min-width:40.063em)
{
	.dashboard-member-wrapper .dashboard-content-promote p:first-of-type span
{
	padding:8px 16px
}


}

.dashboard-member-wrapper .dashboard-content-promote p:nth-of-type(2)
{
	cursor:pointer;
	display:inline-block
}

.dashboard-member-wrapper .dashboard-content-promote p:nth-of-type(2) span
{
	background-color:#00c977;
	padding:8px 24px;
	border-radius:20px;
	color:#fff;
	font-size:1.1em
}

@media only screen and (min-width:40.063em)
{
	.dashboard-member-wrapper .dashboard-content-promote p:nth-of-type(2) span
{
	padding:8px 32px
}


}

.dashboard-member-wrapper .progress-bar
{
	padding:0 10px
}

.dashboard-member-wrapper .progress-bar .txt-dashboard-line
{
	font-size:.875em
}

.dashboard-member-wrapper .progress-bar .txt-dashboard-number
{
	font-size:.75em;
	width:100%;
	text-align:right;
	display:inline-block
}

.dashboard-content-error
{
	position:relative;
	background-color:#fff;
	width:100%;
	padding:40px;
	font-size:.875em
}

@media only screen and (min-width:40.063em)
{
	.dashboard-content-error
{
	width:350px
}


}

.dashboard-content-error .df-icon-dfclose
{
	position:absolute;
	top:0;
	right:10px;
	color:#fff;
	font-size:24px;
	z-index:2;
	cursor:pointer
}

@media only screen and (min-width:40.063em)
{
	.dashboard-content-error .df-icon-dfclose
{
	color:#9b9b9b
}


}

.dashboard-content-error .error-text
{
	text-align:center;
	font-size:1.2em;
	margin-bottom:16px
}

.dashboard-content-error .retry-btn
{
	margin:0 auto;
	width:80%;
	background:#00c977;
	color:#fff;
	font-size:1.2em;
	cursor:pointer
}

.dashboard-content-error .retry-btn:hover
{
	background:#00b36b
}

.level-1,.status-top-ad
{
	color:#00c977
}

.collecting,.level-2
{
	color:#f70
}

.level-3
{
	color:#d0021b
}

@media only screen and (min-width:40.063em)
{
	.member-topup .wrapper-package
{
	float:left;
	width:70%;
	margin:0 25px 20px 0
}


}

.text-noti-status
{
	font-size:.875em;
	padding:8px
}

@media only screen and (min-width:40.063em)
{
	.text-noti-status
{
	padding:0 0 8px
}


}

.payment-notification
{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
	background-color:#faefbe;
	width:300px;
	height:150px;
	color:#000;
	font-size:80%;
	padding:0 10px;
	box-sizing:border-box
}

.payment-notification>a
{
	position:absolute;
	top:4px;
	right:-8px;
	z-index:1;
	color:transparent
}

.payment-notification>a:before
{
	font-size:22px;
	color:#000
}

.payment-notification p:nth-of-type(2)
{
	margin-top:5px
}

.payment-notification p:nth-of-type(2) img
{
	width:30px;
	margin-left:5px
}

.survey-container
{
	position:fixed;
	background-color:rgba(0,0,0,.6);
	z-index:9991
}

.survey-container,.survey_pl
{
	top:0;
	right:0;
	bottom:0;
	left:0
}

.survey_pl
{
	position:absolute;
	margin:auto;
	background-color:#fff;
	width:300px;
	height:240px
}

@media only screen and (min-width:40.063em)
{
	.survey_pl
{
	width:375px;
	height:150px
}


}

.survey_pl>a
{
	position:absolute;
	top:7px;
	right:14px;
	z-index:1;
	color:#000;
	font-size:.9em
}

.survey_pl>a:before
{
	font-size:22px;
	color:#000
}

.survey_pl p
{
	font-size:.9em;
	margin:0 20px
}

.survey_pl p:first-of-type
{
	margin-top:40px;
	text-align:center
}

.survey_pl p:nth-of-type(2)
{
	text-align:center;
	margin-bottom:30px
}

.survey_pl p:nth-of-type(3)>a:first-child
{
	border:1px solid #ccc;
	border-radius:2px;
	padding:2px 5px;
	font-size:.9em
}

.survey_pl p:nth-of-type(3)>a:first-child~a
{
	display:inline-block;
	border-radius:2px;
	background-color:#00c977;
	margin-left:115px;
	padding:2px 17px;
	font-size:.9em;
	color:#fff
}

.survey_listing
{
	position:fixed;
	right:0;
	bottom:0;
	left:0;
	width:100%;
	line-height:34px;
	z-index:7777;
	background-color:#4b67ca;
	color:#fff;
	font-size:80%
}

.survey_listing p
{
	text-align:center;
	line-height:22px;
	font-size:.9em
}

.survey_listing p:first-of-type
{
	margin-top:10px
}

.survey_listing p:nth-of-type(2)
{
	margin-bottom:5px
}

.survey_listing p:nth-of-type(3)
{
	text-align:center;
	margin-bottom:15px
}

.survey_listing p:nth-of-type(3)>a:first-child
{
	border-radius:2px;
	padding:4px 5px;
	background-color:#fff;
	color:#000;
	font-weight:700
}

.survey_listing p:nth-of-type(3)>a:first-child~a
{
	margin-left:10px;
	border-radius:2px;
	background-color:#00c977;
	padding:4px 17px;
	color:#fff
}

.noti-promote:after
{
	content:"";
	background:#000;
	height:125vh;
	display:block;
	position:absolute;
	bottom:0;
	top:0;
	left:0;
	opacity:.5;
	right:0;
	z-index:10
}

.noti-promote .mb-monetize+.mb-monetize
{
	position:relative
}

.noti-promote .mb-monetize+.mb-monetize:after
{
	content:"";
	background:#000;
	display:block;
	position:absolute;
	bottom:0;
	top:0;
	left:0;
	opacity:.5;
	right:0;
	z-index:10
}

.rule-bump
{
	font-size:small
}

.payment-container
{
	color:#9b9b9b
}

.payment-container h1
{
	font-size:24px;
	color:#464646;
	padding:20px 0 10px;
	margin-bottom:10px
}

.payment-container .payment-charges-lay .payment-charges-header
{
	color:#4a4a4a
}

@media only screen and (min-width:40.063em)
{
	.payment-container .payment-charges-lay .payment-charges-header
{
	font-size:.9em;
	border:1px solid #ececec;
	background-color:#efefef
}


}

@media only screen and (min-width:40.063em)
{
	.payment-container .payment-charges-lay .payment-charges-header h3
{
	font-size:1em;
	padding:5px 10px
}


}

.payment-container .payment-charges-lay .payment-charges-header p
{
	background-color:#fff;
	padding:30px 0;
	text-align:center
}

.payment-container .payment-charges-lay .payment-charges-header>p:first-of-type .bg-icon-coin
{
	font-size:28px;
	padding-left:38px;
	background-size:40px
}

.payment-container .payment-charges-lay .payment-charges-header>p:first-of-type span:last-child
{
	color:#5890ff;
	font-size:.9em
}

.payment-container .payment-charges-lay .payment-charges-header p:nth-of-type(2)
{
	border-top:1px solid #ececec;
	padding:5px
}

.payment-container .payment-charges-lay .payment-charges-header p:nth-of-type(2) span:first-of-type
{
	padding-right:5px
}

.payment-container .payment-charges-lay .payment-charges-header p:nth-of-type(2) .bg-icon-coin
{
	padding-left:20px;
	background-size:20px
}

.payment-container .payment-success
{
	color:#4d4d4d
}

@media only screen and (min-width:40.063em)
{
	.payment-container .payment-success
{
	width:40%;
	margin:0 auto
}


}

.payment-container .payment-success .payment-success-header p:first-of-type
{
	font-size:1.4em;
	text-align:center;
	margin-top:20px
}

.payment-container .payment-success .payment-success-header p:nth-of-type(2)
{
	font-size:1.4em;
	text-align:center
}

.payment-container .payment-success .payment-success-content
{
	margin-top:20px;
	font-size:.8em
}

.payment-container .payment-success .payment-success-content p
{
	margin-left:10px;
	line-height:25px;
	width:100%
}

.payment-container .payment-success .payment-success-content span
{
	display:inline-block
}

.payment-container .payment-success .payment-success-content p:first-of-type span:nth-of-type(1)
{
	width:45%
}

.payment-container .payment-success .payment-success-content p:first-of-type span:nth-of-type(2)
{
	width:30%
}

.payment-container .payment-success .payment-success-content p:first-of-type span:nth-of-type(3)
{
	width:20%
}

.payment-container .payment-success .payment-success-content p:nth-of-type(2) span:first-of-type,.payment-container .payment-success .payment-success-content p:nth-of-type(3) span:first-of-type,.payment-container .payment-success .payment-success-content p:nth-of-type(4) span:first-of-type
{
	width:45%
}

.payment-container .payment-success .payment-success-content p:nth-of-type(2) span:nth-of-type(2),.payment-container .payment-success .payment-success-content p:nth-of-type(3) span:nth-of-type(2),.payment-container .payment-success .payment-success-content p:nth-of-type(4) span:nth-of-type(2)
{
	width:20%
}

.payment-container .payment-success .payment-success-content p:nth-of-type(2) span:nth-of-type(3),.payment-container .payment-success .payment-success-content p:nth-of-type(3) span:nth-of-type(3),.payment-container .payment-success .payment-success-content p:nth-of-type(4) span:nth-of-type(3)
{
	width:26%;
	text-align:right
}

.payment-container .payment-success .payment-success-content .payment-success-amount
{
	text-align:center;
	margin-top:15px
}

.payment-container .payment-success .payment-success-content .payment-success-amount span:first-of-type
{
	font-size:2.4em;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:36px
}

.payment-container .payment-success .payment-success-content .payment-success-amount .bg-icon-coin
{
	background-size:34px
}

.payment-container .payment-success .payment-success-content .payment-success-amount span:nth-of-type(2)
{
	color:#5a7de0;
	font-size:1.4em
}

.payment-container .payment-success .payment-success-content .payment-success-balance
{
	text-align:center;
	margin-top:15px
}

.payment-container .payment-success .payment-success-content .payment-success-balance span:first-of-type
{
	padding-right:5px;
	font-size:1.2em
}

.payment-container .payment-success .payment-success-content .payment-success-balance .bg-icon-coin
{
	background-size:20px
}

.payment-container .payment-success .payment-success-content .payment-success-balance span:nth-of-type(2)
{
	padding-left:20px
}

.payment-container .payment-success .payment-success-content p:last-of-type
{
	text-align:center;
	font-size:1.3em;
	margin-top:10px;
	padding-bottom:80px
}

.payment-container .payment-success .payment-success-content p:last-of-type span
{
	background-color:#00c877;
	color:#fff;
	padding:5px 20px;
	border-radius:4px;
	cursor:pointer
}

.payment-error
{
	margin:8px auto;
	padding:16px
}

@media only screen and (min-width:40.063em)
{
	.payment-error
{
	margin:40px auto 80px
}


}

.payment-error .title
{
	font-size:18px;
	margin:24px 0 8px
}

.payment-error .icon-payment
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/credit-card-icon.svg);
	background-repeat:no-repeat;
	background-position:0;
	font-size:18px;
	margin:8px 0 16px;
	padding-left:38px
}

.payment-error p
{
	margin:0
}

.payment-error ul
{
	padding:0 0 0 24px;
	margin:0;
	line-height:1.85em
}

.payment-error .button-green
{
	width:280px
}

.sugession-payment
{
	padding:0 0 40px;
	max-width:540px;
	display:inline-block;
	overflow:hidden
}

.box-item-cashcard
{
	padding:0 16px 16px;
	background-color:#fff;
	border-radius:2px;
	border:1px solid #4b67ca;
	padding:16px 28px 28px;
	margin-bottom:24px;
	position:relative
}

@media only screen and (min-width:40.063em)
{
	.box-item-cashcard
{
	float:right;
	max-width:320px
}


}

.box-item-cashcard .icon-cash-cards
{
	padding-top:8px;
	margin-bottom:24px
}

.box-item-cashcard .new
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/new@3x.png);
	background-size:65px;
	background-repeat:no-repeat;
	position:absolute;
	left:0;
	top:0;
	height:48px;
	width:100px
}

.box-error
{
	border-radius:2px;
	margin-bottom:16px
}

.box-error .icon-payment
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/credit-card-icon-red.svg);
	color:red
}

.payment-fetch-error
{
	text-align:center;
	color:#9a9a9a;
	margin-top:50px
}

.payment-fetch-error p:first-child
{
	font-size:1.2em
}

.payment-fetch-error p:nth-child(3)
{
	margin:0 37px
}

@media only screen and (min-width:40.063em)
{
	.payment-fetch-error p:nth-child(3)
{
	margin:0 auto;
	max-width:300px
}


}

.payment-fetch-error p:nth-child(3) span
{
	display:block;
	padding:5px 10px;
	background-color:#00c977;
	color:#fff;
	cursor:pointer;
	border-radius:4px
}

.payment-loading
{
	text-align:center
}

@media only screen and (min-width:40.063em)
{
	.payment-loading
{
	padding-top:83px
}


}

.payment.phone .footer-container
{
	display:none
}

.payment-showbank
{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
	background-color:#fff;
	width:275px;
	height:310px
}

@media only screen and (min-width:40.063em)
{
	.payment-showbank
{
	width:400px;
	height:275px
}


}

.payment-showbank>a
{
	position:absolute;
	top:4px;
	right:14px;
	z-index:1
}

.payment-showbank>a:before
{
	font-size:22px;
	color:#000
}

.payment-showbank .payment-showbank-credit p
{
	margin-left:20px;
	font-size:.9em;
	line-height:21px
}

.payment-showbank .payment-showbank-credit p:first-of-type
{
	margin-top:30px;
	font-size:1.1em
}

@media only screen and (min-width:40.063em)
{
	.payment-showbank .payment-showbank-credit p:first-of-type
{
	margin-bottom:10px
}


}

.payment-showbank .payment-showbank-credit p:nth-of-type(2)
{
	margin-top:10px
}

@media only screen and (min-width:40.063em)
{
	.payment-showbank .payment-showbank-credit p:nth-of-type(2)
{
	display:inline
}


}

@media only screen and (min-width:40.063em)
{
	.payment-showbank .payment-showbank-credit p:nth-of-type(3)
{
	display:inline;
	margin-left:0
}


}

.payment-showbank .payment-showbank-credit p:nth-of-type(3) img
{
	width:27px;
	margin-left:5px
}

.payment-showbank .payment-showbank-debit p
{
	margin-left:20px;
	font-size:.9em;
	line-height:21px
}

.payment-showbank .payment-showbank-debit p:first-of-type
{
	margin-top:30px;
	font-size:1.1em
}

.payment-showbank .payment-showbank-debit p:nth-of-type(2)
{
	margin-top:10px
}

@media only screen and (min-width:40.063em)
{
	.payment-showbank .payment-showbank-debit p:nth-of-type(3)
{
	display:inline
}


}

@media only screen and (min-width:40.063em)
{
	.payment-showbank .payment-showbank-debit p:nth-of-type(4)
{
	display:inline;
	margin-left:0
}


}

.payment-showbank .payment-showbank-debit p:nth-of-type(5) img
{
	width:27px;
	margin-left:5px
}

.payment-showbank .payment-showbank-debit p:nth-of-type(5) img:first-child
{
	margin-left:0
}

.payment-charges-content h1
{
	padding:10px 0 10px 20px;
	font-size:1.2em
}

@media only screen and (min-width:40.063em)
{
	.payment-charges-content h1
{
	display:none
}


}

.payment-header
{
	background-color:#efefef;
	padding:5px 0
}

@media only screen and (min-width:40.063em)
{
	.payment-header
{
	margin-bottom:20px;
	padding:10px 0
}


}

.payment-header p:first-of-type
{
	float:left;
	padding-left:20px
}

.payment-header p:nth-of-type(2)
{
	padding-left:120px;
	font-size:1em
}

.payment-header p:nth-of-type(2) span
{
	display:block;
	font-size:.6em
}

.payment-header p:nth-of-type(2) .bg-icon-lock
{
	background-position:1px
}

.payment-header p:nth-of-type(2)>span:first-of-type
{
	padding-left:17px;
	font-size:.9em
}

@media only screen and (min-width:40.063em)
{
	.payment-header p:nth-of-type(2) span:nth-of-type(2)
{
	margin-right:3px
}


}

@media only screen and (min-width:40.063em)
{
	.payment-header p:nth-of-type(2) span:nth-of-type(2),.payment-header p:nth-of-type(2) span:nth-of-type(3)
{
	display:inline-block
}


}

.payment-content
{
	color:#4c4c4c
}

@media only screen and (min-width:40.063em)
{
	.payment-content
{
	background-color:#f9f9f9;
	width:70%;
	margin:0 auto
}


}

.payment-content .currency
{
	font-size:1.3em;
	color:#9b9b9b;
	display:inline-block;
	margin-left:20px
}

.payment-content .amount-pricing
{
	display:inline-block;
	font-size:2em;
	color:#4a4a4a
}

@media only screen and (min-width:40.063em)
{
	.payment-content .amount-pricing
{
	font-size:2.5em
}


}

.payment-content i
{
	font-style:normal;
	color:red;
	font-size:.8em
}

.payment-content .form-lay,.payment-content .triple
{
	padding:5px 15px 0
}

@media only screen and (min-width:40.063em)
{
	.payment-content .form-lay,.payment-content .triple
{
	padding:10px 15px 0
}


}

.payment-content p:nth-of-type(3)>span small
{
	display:block;
	margin-top:3px;
	color:#4b67ca;
	cursor:pointer;
	font-size:.7em
}

.payment-content p:nth-of-type(3) .bg-icon-info
{
	padding-left:16px;
	background-size:15px
}

.payment-content .ccv-cvc input
{
	width:49%
}

.payment-content label
{
	font-size:14px;
	font-weight:700
}

@media only screen and (min-width:40.063em)
{
	.payment-content label
{
	font-size:1em;
	font-weight:400
}


}

.payment-content input
{
	box-shadow:none
}

.payment-content input:focus
{
	outline:2px auto #00c877
}

.pay-for-egg
{
	text-align:center;
	padding:15px 0
}

@media only screen and (min-width:40.063em)
{
	.pay-for-egg
{
	text-align:left;
	padding:25px 0 25px 160px
}


}

.pay-for-egg [type=button]
{
	background-color:#00c977;
	width:auto;
	display:inline-block;
	font-size:1em;
	color:#fff;
	padding:6px 50px;
	border-radius:4px;
	line-height:2em;
	border:none
}

.payment-charges-content.exp-type-a
{
	margin-bottom:20px;
	border:1px solid #ececec
}

@media only screen and (min-width:40.063em)
{
	.payment-charges-content.exp-type-a
{
	background:#fff
}

.payment-charges-content.exp-type-a .payment-content
{
	background-color:#fff
}


}

.payment-charges-content.exp-type-a #card-id
{
	background:#fff url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/key.svg) no-repeat 97% 8px;
	padding-right:30px;
	background-size:16px
}

.payment-charges-content.exp-type-b
{
	background:#fff;
	margin-bottom:20px;
	border:1px solid #ececec
}

.payment-charges-content.exp-type-b .payment-header
{
	display:none
}

.payment-charges-content.exp-type-b .payment-content
{
	background-color:#fff
}

.payment-charges-content.exp-type-b .action-pay
{
	background:transparent url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/key-white.svg) no-repeat left 2px;
	background-size:14px;
	padding-left:25px;
	fill:#fff
}

.wrapper-form-payment
{
	background-color:#fff;
	padding-bottom:16px;
	margin-bottom:16px;
	box-shadow:0 2px 4px rgba(0,0,0,.1)
}

@media only screen and (min-width:40.063em)
{
	.wrapper-form-payment
{
	border:1px solid #e4e4e4;
	border-radius:4px;
	padding-bottom:24px;
	margin-bottom:24px
}


}

.wrapper-payment-content
{
	margin-bottom:64px
}

.wrapper-payment-content label
{
	font-size:14px;
	color:#464646
}

.wrapper-payment-content input
{
	line-height:38px;
	box-shadow:none;
	transition:all .3s;
	outline:none;
	border-radius:2px;
	border-color:hsla(0,0%,78%,.4)
}

.wrapper-payment-content input:focus
{
	border-color:#00c977
}

.wrapper-payment-content #checkout-submit
{
	line-height:28px;
	margin-top:8px
}

.wrapper-payment-content #card-id
{
	background:#fff url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/credit-card-security.svg) no-repeat 97% 8px;
	background-size:28px;
	padding-right:30px
}

.wrapper-payment-content .icon-security-into
{
	display:inline-block;
	float:left;
	margin-right:8px
}

[id*=error-]
{
	font-size:14px;
	font-style:normal;
	color:red
}

.header-form
{
	background-color:#efefef;
	margin-bottom:24px;
	position:relative
}

.header-form .payment-support
{
	position:absolute;
	right:5px;
	top:2px;
	display:none
}

@media only screen and (min-width:40.063em)
{
	.header-form .payment-support
{
	display:block
}


}

.header-form .payment-support>img
{
	height:24px;
	display:inline-block;
	margin:0 0 0 5px
}

.header-form .total-pricing
{
	display:inline-block;
	margin-left:16px;
	color:#4b67ca
}

.header-form .credit-card-icon
{
	vertical-align:-4px;
	height:20px;
	margin-right:8px
}

@media only screen and (max-width:40em)
{
	.expiration-month
{
	padding-left:0!important
}


}

@media only screen and (max-width:40em)
{
	.expiration-year
{
	padding-right:0!important
}


}

@media only screen and (max-width:40em)
{
	.row-input
{
	margin-bottom:8px
}


}

.trust-payment
{
	display:none
}

@media only screen and (min-width:40.063em)
{
	.trust-payment
{
	display:block
}


}

.wrapper-fields
{
	max-width:560px;
	padding:0 10px
}

@media only screen and (min-width:40.063em)
{
	.wrapper-fields
{
	margin:16px auto;
	padding:0
}


}

.title-form
{
	font-family:Helvetica Neue,Helvetica,Arial,sans-serif;
	font-size:16px;
	color:#464646;
	margin-top:0;
	padding:4px 10px
}

@media only screen and (min-width:40.063em)
{
	.title-form
{
	border-radius:4px 4px 0 0;
	padding:4px 0
}


}

.security-info
{
	font-size:14px;
	margin:0;
	overflow:hidden
}

.security-info>b
{
	color:#464646;
	display:block
}

.security-info .meta-info
{
	font-size:14px
}

.meta-info
{
	font-size:10px;
	display:block;
	line-height:normal
}

.payment-charges-header,.payment-charges-header p
{
	border-radius:2px
}

.show-info-service b
{
	font-size:14px;
	display:block;
	color:#4b67ca
}

.show-info-service .description
{
	font-size:11px;
	margin-bottom:0;
	display:none
}

@media only screen and (min-width:40.063em)
{
	.show-info-service .description
{
	display:block
}


}

.show-info-service figure
{
	margin:5px 0 0
}

.show-info-service img
{
	display:inline-block;
	height:20px;
	margin-right:5px
}

@media only screen and (max-width:40em)
{
	.footer-form
{
	padding:0 10px
}


}

.card-type-cvc small
{
	color:#969696
}

.wrapper-fields-cvc:after,.wrapper-fields-cvc:before
{
	display:block;
	content:"";
	clear:both
}

#card-cvc
{
	max-width:138px;
	float:left
}

.select-option
{
	height:40px;
	position:relative
}

.select-option:before
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/icon-arrow-dropdown.svg);
	content:"";
	position:absolute;
	right:0;
	top:0;
	bottom:0;
	width:50px;
	background-position:50%;
	background-repeat:no-repeat;
	pointer-events:none;
	z-index:10
}

.select-option select
{
	background-color:#fff;
	font-size:16px;
	letter-spacing:1px;
	font-weight:400;
	color:#767676;
	display:block;
	box-sizing:border-box;
	-webkit-appearance:none;
	border-radius:2px;
	padding:0 8px;
	line-height:38px;
	height:40px;
	box-shadow:none;
	position:relative;
	border-color:#c8c8c8
}

.select-option select:focus
{
	box-shadow:none;
	outline:none;
	border-color:#00c977
}

.manage-ads
{
	background-color:#fff;
	width:300px;
	min-height:125px
}

@media only screen and (min-width:40.063em)
{
	.manage-ads
{
	width:320px
}


}

.manage-ads-content
{
	padding:20px
}

.manage-ads-content .manage-ads-header
{
	font-weight:400;
	font-size:1.125em
}

.manage-ads-content .txt-delete-red
{
	padding:10px;
	color:red;
	border-radius:2px;
	text-align:center;
	background-color:#e4e4e4
}

.manage-ads-content .txt-delete-red.df-icon-exclamination:before
{
	background-color:red;
	width:14px;
	height:14px;
	color:#fff;
	border-radius:50%;
	display:inline-block;
	text-align:center;
	margin-right:4px;
	line-height:13px
}

.manage-ads-content .manage-ads-list
{
	list-style:none;
	padding:16px
}

.manage-ads-content .manage-ads-list .manage-list-item
{
	line-height:40px;
	border-top:1px solid #e4e4e4;
	cursor:pointer
}

.manage-ads-content .manage-ads-list .manage-list-item.list-last
{
	border-bottom:1px solid #e4e4e4
}

.manage-ads-content .manage-ads-list .manage-list-item:hover
{
	background-color:#eee
}

.manage-ads-content .manage-ads-cancel
{
	text-align:right;
	color:#00c977;
	cursor:pointer
}

.mobile-monetize-view
{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
	background-color:#fff;
	max-width:320px;
	height:430px
}

.mobile-monetize-view.error
{
	height:220px
}

.monetize-coin-enough .monetize-image
{
	position:relative;
	height:180px;
	background-color:#4b67ca;
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/bump_banner-22.png);
	background-repeat:no-repeat;
	background-position:100% 100%
}

.monetize-coin-enough .monetize-image p:first-of-type
{
	padding:10px 0 5px 10px;
	font-size:1.4em;
	color:#fff
}

.monetize-coin-enough .monetize-image p:nth-of-type(2),.monetize-coin-enough .monetize-image p:nth-of-type(3)
{
	font-size:.9em;
	color:#fff;
	padding-left:10px
}

.monetize-coin-enough .monetize-content
{
	background-color:#fff;
	max-width:310px;
	min-height:250px
}

@media only screen and (min-width:40.063em)
{
	.monetize-coin-enough .monetize-content
{
	max-width:none
}


}

.monetize-coin-enough .monetize-content a
{
	position:absolute;
	top:4px;
	right:14px;
	z-index:1
}

.monetize-coin-enough .monetize-content a:before
{
	font-size:22px;
	color:#f9f9f9
}

.monetize-coin-enough .monetize-content p:first-of-type
{
	margin-top:25px;
	text-align:center;
	font-size:1.1em;
	color:#9b9b9b
}

.monetize-coin-enough .monetize-content p:nth-of-type(2)
{
	text-align:center;
	font-size:2.5em
}

.monetize-coin-enough .monetize-content p:nth-of-type(2) .bg-icon-coin
{
	background-position:0 9px;
	padding-left:50px;
	background-size:40%
}

.monetize-coin-enough .monetize-content p:nth-of-type(3)
{
	text-align:center;
	font-size:1em;
	margin:20px 0
}

.monetize-coin-enough .monetize-content p:nth-of-type(3)>span
{
	color:#9b9b9b
}

.monetize-coin-enough .monetize-content p:nth-of-type(3)>span~span
{
	color:#4a4a4a;
	padding-left:20px
}

.monetize-coin-enough .monetize-content p:nth-of-type(3)>span~span.bg-icon-coin
{
	background-position:0 3px;
	padding-left:20px;
	background-size:17px
}

.monetize-coin-enough .monetize-content p:nth-of-type(4)
{
	text-align:center;
	font-size:1.1em;
	margin:20px;
	padding:6px 0;
	color:#fff;
	border-radius:3px;
	background-color:#00c977;
	cursor:pointer
}

.monetize-notcoin .monetize-image
{
	position:relative;
	height:180px;
	background-color:#4b67ca;
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/bump_banner-22.png);
	background-repeat:no-repeat;
	background-position:100% 100%
}

.monetize-notcoin .monetize-image p:first-of-type
{
	padding:4px 0 5px 10px;
	color:#fff
}

.monetize-notcoin .monetize-image p:first-of-type span:first-child
{
	font-size:2em
}

.monetize-notcoin .monetize-image p:first-of-type span:last-child
{
	font-size:1.5em
}

.monetize-notcoin .monetize-image p:nth-of-type(2)
{
	font-size:.9em;
	color:#fff;
	padding-left:10px
}

.monetize-notcoin .monetize-image p:nth-of-type(3)
{
	font-size:.8em;
	color:#9dbeff;
	padding-left:10px;
	cursor:pointer
}

.monetize-notcoin .monetize-content
{
	background-color:#fff;
	max-width:310px;
	min-height:250px
}

.monetize-notcoin .monetize-content a
{
	position:absolute;
	top:4px;
	right:14px;
	z-index:1
}

.monetize-notcoin .monetize-content a:before
{
	font-size:22px;
	color:#f9f9f9
}

.monetize-notcoin .monetize-content p:first-of-type
{
	margin:17px 0 8px;
	text-align:center;
	font-size:1.1em;
	color:#9b9b9b
}

.monetize-notcoin .monetize-content p:nth-of-type(2)
{
	text-align:center
}

.monetize-notcoin .monetize-content p:nth-of-type(2) .bg-icon-coin
{
	background-position:0 11px;
	padding-left:40px;
	background-size:40px;
	font-size:2.5em;
	margin-left:40px
}

.monetize-notcoin .monetize-content p:nth-of-type(2) .bg-icon-coin~span
{
	color:#9b9b9b;
	font-size:.7em
}

.monetize-notcoin .monetize-content p:nth-of-type(3)
{
	text-align:center;
	font-size:1em;
	margin:10px 0;
	color:red
}

.monetize-notcoin .monetize-content p:nth-of-type(3)>span~span
{
	padding-left:20px
}

.monetize-notcoin .monetize-content p:nth-of-type(3)>span~span.bg-icon-coin
{
	background-position:0 3px;
	padding-left:20px;
	background-size:53%
}

.monetize-notcoin .monetize-content p:nth-of-type(4)
{
	text-align:center;
	font-size:1.1em;
	margin:10px 20px;
	padding:6px 0;
	color:#fff;
	border-radius:3px;
	background-color:#00c977;
	cursor:pointer
}

.monetize-sms .monetize-image
{
	background-color:#4b67ca;
	height:150px;
	position:relative
}

.monetize-sms .monetize-image a
{
	position:absolute;
	top:4px;
	right:14px;
	z-index:1
}

.monetize-sms .monetize-image a:before
{
	font-size:22px;
	color:#fff
}

.monetize-sms .monetize-image .header-monetize-image div
{
	margin:25px 0 0 20px
}

.monetize-sms .monetize-image .header-monetize-image div span
{
	display:block;
	color:#fff
}

.monetize-sms .monetize-image .header-monetize-image div span:first-child
{
	font-size:1.1em;
	margin-bottom:10px
}

.monetize-sms .monetize-image .header-monetize-image div span:first-child ~ span
{
	font-size:.7em;
	letter-spacing:1px
}

.monetize-sms .monetize-image .header-monetize-image>span
{
	display:block;
	width:40%
}

.monetize-sms .monetize-image .header-monetize-image>span img
{
	position:absolute;
	bottom:0;
	right:0;
	max-width:170px
}

.monetize-sms .monetize-content
{
	background-color:#f9f9f9;
	padding-bottom:20px;
	position:relative
}

.monetize-sms .monetize-content p:first-of-type
{
	padding:8px 0 0 20px;
	font-size:.8em;
	margin-bottom:10px;
	color:#9a9a9a
}

.monetize-sms .monetize-content p:nth-of-type(2)
{
	padding:5px 0;
	background-color:#ececec;
	border-radius:2px;
	margin:10px 20px 20px;
	text-align:center
}

.monetize-sms .monetize-content p:nth-of-type(2) span:nth-child(2)
{
	font-size:.6em;
	padding:0 5px;
	color:#9a9a9a
}

.monetize-sms .monetize-content p:nth-of-type(3)
{
	padding:20px 0 2px 20px;
	color:#4b67ca;
	font-weight:700;
	font-size:.8em
}

.monetize-sms .monetize-content p:nth-of-type(4)
{
	margin-bottom:12px;
	padding-left:20px;
	color:#4b67ca;
	font-weight:700;
	font-size:.8em
}

.monetize-sms .monetize-content>a
{
	background-color:#00c977;
	text-align:center;
	display:block;
	margin:0 20px;
	border-radius:4px;
	color:#fff;
	padding:5px 0;
	font-size:1.1em
}

@media only screen and (min-width:40.063em)
{
	.monetize-sms .monetize-content>a
{
	visibility:hidden
}


}

.monetize-sms .monetize-content>div
{
	font-size:.7em;
	margin-left:20px;
	margin-top:15px;
	color:#9a9a9a
}

.monetize-sms .monetize-content>div>a
{
	text-decoration:underline;
	float:right;
	margin-right:20px
}

.monetize-sms .monetize-content .bump-noti
{
	position:absolute;
	bottom:140px;
	right:20px;
	font-size:90%
}

.package-coin
{
	position:relative
}

.package-coin a
{
	position:absolute;
	top:-15px;
	right:-5px;
	z-index:1;
	color:transparent
}

.package-coin a:before
{
	font-size:22px;
	color:#9b9b9b
}

.package-coin .package-coin-header
{
	position:relative;
	height:125px;
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/banner-pro.png);
	background-repeat:no-repeat;
	background-position:100% 100%;
	background-size:65%
}

.package-coin .package-coin-header p:first-of-type
{
	color:#4d4d4d;
	font-size:1.1em;
	margin:20px 0 0 15px
}

.package-coin .package-coin-header>span:first-of-type
{
	position:absolute;
	bottom:0;
	left:15px;
	color:#ff1531
}

.package-coin .package-coin-header>span:first-of-type .bg-icon-coin
{
	background-position:1px;
	padding-left:24px;
	background-size:55%
}

.monetize-coin-notenough
{
	position:relative
}

.monetize-coin-notenough a
{
	position:absolute;
	top:0;
	right:10px;
	z-index:1;
	color:transparent
}

.monetize-coin-notenough a:before
{
	font-size:22px;
	color:#9b9b9b
}

.monetize-coin-notenough .notenough-header p:first-of-type
{
	color:#4d4d4d;
	font-size:1.2em;
	margin-bottom:5px;
	margin-left:15px;
	padding-top:13px
}

.monetize-coin-notenough .notenough-header p:nth-of-type(2)
{
	text-align:center;
	margin-top:5px;
	font-size:1em;
	color:#9b9b9b
}

.monetize-coin-notenough .notenough-header p:nth-of-type(3)
{
	text-align:center;
	font-size:2.5em;
	color:#4a4a4a
}

.monetize-coin-notenough .notenough-header p:nth-of-type(3) .bg-icon-coin
{
	background-position:0 11px;
	padding-left:40px;
	background-size:40px
}

.monetize-coin-notenough .notenough-header p:nth-of-type(4)
{
	color:red;
	padding:7px 0 4px 15px;
	font-size:1em
}

.monetize-coin-notenough .notenough-header p:nth-of-type(4) .bg-icon-coin
{
	background-position:1px;
	padding-left:20px;
	background-size:16px
}

.monetize-coin-notenough .notenough-header p:nth-of-type(4) .noti-coin-pro
{
	display:block;
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/more_sale@3x.png);
	background-repeat:no-repeat;
	height:24px;
	background-size:116px;
	float:right;
	width:116px
}

.monetize-error
{
	position:absolute;
	height:200px;
	margin-top:-100px;
	top:50%;
	padding:0 20px
}

@media only screen and (min-width:40.063em)
{
	.monetize-error
{
	background-color:#f9f9f9;
	font-size:1.2em
}


}

.monetize-error>a
{
	position:absolute;
	top:-8px;
	right:5px;
	z-index:1
}

.monetize-error>a:before
{
	font-size:22px;
	color:#494949
}

.monetize-error p:nth-child(2)
{
	font-size:1.2em
}

@media only screen and (min-width:40.063em)
{
	.monetize-error p:nth-child(2)
{
	text-align:center
}


}

.monetize-error p:nth-child(3)
{
	font-size:.8em;
	color:#9a9a9a
}

@media only screen and (min-width:40.063em)
{
	.monetize-error p:nth-child(3)
{
	text-align:center
}


}

.monetize-error>span
{
	margin:20px 0;
	display:block;
	padding:5px 10px;
	background-color:#00c977;
	color:#fff;
	text-align:center;
	font-size:90%;
	cursor:pointer;
	border-radius:4px
}

.bump-coin-success,.bump-coin-success-loading
{
	background-color:#f9f9f9
}

.bump-coin-success
{
	width:280px;
	height:420px;
	position:relative;
	text-align:center;
	margin:0 auto
}

.bump-coin-success p:first-of-type
{
	padding-top:20px;
	font-size:1.4em;
	color:#4d4d4d
}

.bump-coin-success p:nth-of-type(2)
{
	color:#9a9a9a;
	font-size:1em
}

.bump-coin-success p:nth-of-type(3)
{
	color:#9a9a9a;
	min-height:100px;
	margin-top:20px
}

.bump-coin-success p:nth-of-type(4)
{
	text-align:center;
	font-size:1em;
	margin-top:30px
}

.bump-coin-success p:nth-of-type(4)>span
{
	color:#9b9b9b
}

.bump-coin-success p:nth-of-type(4)>span~span
{
	color:#4a4a4a;
	padding-left:20px
}

.bump-coin-success p:nth-of-type(4)>span~span.bg-icon-coin
{
	background-position:5px 3px;
	padding-left:24px;
	background-size:16px
}

.bump-coin-success p:nth-of-type(5)
{
	text-align:center;
	font-size:1em;
	margin:10px 0
}

.bump-coin-success p:nth-of-type(5)>span
{
	color:#9b9b9b
}

.bump-coin-success p:nth-of-type(5)>span~span
{
	color:#4a4a4a;
	padding-left:20px
}

.bump-coin-success p:nth-of-type(5)>span~span.bg-icon-coin
{
	background-position:5px 3px;
	padding-left:24px;
	background-size:17px
}

.bump-coin-success p:nth-of-type(6)
{
	background-color:#00c977;
	color:#fff;
	margin:25px 20px 0;
	font-size:1.1em;
	border-radius:3px;
	cursor:pointer;
	padding:4px
}

.monetize-content
{
	text-align:center;
	margin-top:15px
}

.monetize-content .wrapper-sms
{
	margin:20px
}

.monetize-content #sms-bump-link
{
	color:#4b67ca;
	cursor:pointer;
	font-size:16px;
	padding:6px;
	display:block
}

.monetize-content #sms-bump-link>span
{
	color:#9b9b9b
}

.breadcrumb-product
{
	padding:10px 0
}

.breadcrumb-product ul
{
	font-size:90%
}

.breadcrumb-product ul>li
{
	float:left
}

.breadcrumb-product ul>li:not(:last-child)
{
	position:relative;
	padding-right:28px
}

.breadcrumb-product ul>li:not(:last-child):after
{
	font-family:olxicons;
	font-weight:400;
	content:"\F105";
	display:inline-block;
	position:absolute;
	right:10px;
	top:2px;
	color:#4b67ca
}

.breadcrumb-product ul>li:last-child
{
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	width:400px
}

@media only screen and (min-width:64.063em)
{
	.breadcrumb-product ul>li:last-child
{
	width:520px
}


}

.product-active .gellery
{
	position:relative;
	margin-bottom:20px;
	padding-bottom:25px
}

@media only screen and (min-width:40.063em)
{
	.product-active .gellery
{
	padding-bottom:44px
}


}

@media only screen and (min-width:64.063em)
{
	.product-active .gellery
{
	padding-bottom:0
}


}

.product-active .gellery>.photos-cover
{
	width:100%;
	height:240px;
	overflow:hidden;
	background-color:#333
}

.product-active .gellery>.photos-cover ul
{
	position:relative
}

.product-active .gellery>.photos-cover ul>li
{
	display:table;
	position:relative;
	min-height:240px
}

.product-active .gellery>.photos-cover ul>li>div
{
	display:table-row-group;
	vertical-align:middle
}

.product-active .gellery>.photos-cover ul>li>div>div
{
	display:table-row;
	vertical-align:inherit
}

.product-active .gellery>.photos-cover ul>li>div>div>figure
{
	height:auto;
	display:table-cell;
	vertical-align:inherit
}

.product-active .gellery>.photos-cover ul>li a
{
	display:block
}

.product-active .gellery>.photos-cover ul>li a img
{
	max-height:240px;
	width:auto;
	display:block;
	margin:0 auto
}

@media only screen and (min-width:40.063em)
{
	.product-active .gellery>.photos-cover,.product-active .gellery>.photos-cover ul>li
{
	max-height:480px;
	min-height:480px
}

.product-active .gellery>.photos-cover ul>li a img
{
	max-height:480px
}


}

@media only screen and (min-width:64.063em)
{
	.product-active .gellery>.photos-cover,.product-active .gellery>.photos-cover ul>li
{
	max-height:500px;
	min-height:500px
}

.product-active .gellery>.photos-cover ul>li a img
{
	max-height:500px
}

.product-active .gellery>.photos-cover:before
{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	display:block;
	width:340px;
	content:" ";
	z-index:1;
	background-color:#333
}


}

.product-active .gellery .ad-thumbnails
{
	position:absolute;
	right:0;
	z-index:2
}

.product-active .gellery .ad-thumbnails a
{
	display:table;
	height:25px;
	width:34px;
	float:left;
	background:#333;
	position:relative
}

@media only screen and (min-width:40.063em)
{
	.product-active .gellery .ad-thumbnails a
{
	width:58px;
	height:44px
}


}

@media only screen and (min-width:64.063em)
{
	.product-active .gellery .ad-thumbnails a
{
	width:88px;
	height:54px;
	margin-top:10px;
	margin-right:10px
}

.product-active .gellery .ad-thumbnails a:nth-child(3n)
{
	margin-right:0
}

.product-active .gellery .ad-thumbnails a:nth-child(-n+3)
{
	margin-top:0
}


}

.product-active .gellery .ad-thumbnails a:not(.active)
{
	opacity:.6
}

.product-active .gellery .ad-thumbnails a img
{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	max-height:25px;
	background:#fff
}

@media only screen and (min-width:40.063em)
{
	.product-active .gellery .ad-thumbnails a img
{
	max-height:44px
}


}

@media only screen and (min-width:64.063em)
{
	.product-active .gellery .ad-thumbnails a img
{
	max-height:54px
}


}

@media only screen and (min-width:64.063em)
{
	.product-active .gellery .ad-thumbnails
{
	background:hsla(0,0%,100%,.7);
	width:300px;
	right:17px;
	bottom:17px;
	padding:8px
}


}

@media only screen and (min-width:64.063em)
{
	.product-active .gellery .navigator
{
	display:block;
	position:absolute;
	top:25%;
	right:17px;
	width:305px;
	z-index:2
}

.product-active .gellery .navigator>a
{
	display:block;
	z-index:4;
	width:65px;
	height:65px;
	border-radius:50%;
	outline:0;
	background-color:hsla(0,0%,100%,.4);
	border:2px solid hsla(0,0%,100%,.5);
	position:absolute;
	color:transparent
}

.product-active .gellery .navigator>a:before
{
	display:block;
	width:65px;
	height:65px;
	line-height:68px;
	color:hsla(0,0%,100%,.7);
	text-align:center;
	font-size:2em;
	font-family:olxicons;
	font-weight:400
}

.product-active .gellery .navigator>a#prev
{
	left:0
}

.product-active .gellery .navigator>a#prev:before
{
	content:"\F060"
}

.product-active .gellery .navigator>a#next
{
	right:0
}

.product-active .gellery .navigator>a#next:before
{
	content:"\F061"
}


}

.product-active .favor-this
{
	position:absolute;
	top:57px;
	right:10px;
	width:38px;
	height:32px;
	background-color:rgba(0,0,0,.9);
	z-index:1
}

.product-active .favor-this:after,.product-active .favor-this:before
{
	position:absolute;
	top:32px;
	display:block;
	width:0;
	border-top:16px solid rgba(0,0,0,.9);
	content:" "
}

.product-active .favor-this:before
{
	border-right:20px solid transparent
}

.product-active .favor-this:after
{
	left:18px;
	border-left:20px solid transparent
}

.product-active .favor-this>.df-icon-heart
{
	display:block;
	color:transparent;
	border-radius:2px
}

.product-active .favor-this>.df-icon-heart:before
{
	position:absolute;
	width:100%;
	height:44px;
	font-size:1.4em;
	line-height:36px;
	color:#fff;
	text-align:center
}

.product-active .favor-this>.df-icon-heart.active:before
{
	color:#f70
}

@media only screen and (min-width:64.063em)
{
	.product-active .favor-this
{
	right:350px;
	top:41px
}


}

@media only screen and (min-width:40.063em)
{
	.product-active .product-info-list
{
	display:block;
	position:relative
}


}

.product-active .product-info-list .user-manage-options
{
	border:1px solid #dedede;
	border-radius:2px;
	font-size:90%
}

.product-active .product-info-list .user-manage-options>li
{
	width:33.33%
}

.product-active .product-info-list .user-manage-options>li>a
{
	display:block;
	text-align:center;
	line-height:24px
}

.product-active .product-info-list .user-manage-options>li>a i
{
	display:inline-block;
	margin-right:4px
}

.product-active .product-info-list .user-manage-options>li+li a
{
	border-left:1px solid #dedede
}

.product-active .ad-contacts,.product-active .ad-info,.product-active .ad-info-mb,.product-active .additional-info,.product-active .main-information
{
	background-color:#fff;
	box-shadow:1px 1px 2px 1px hsla(0,0%,59%,.05);
	margin-bottom:20px
}

.product-active .ad-contacts
{
	padding:10px 0 10px 10px
}

.product-active .ad-contacts>li
{
	position:relative;
	min-height:50px;
	padding-left:50px
}

@media only screen and (min-width:64.063em)
{
	.product-active .ad-contacts>li
{
	min-height:42px;
	padding-left:42px
}


}

.product-active .ad-contacts>li [class*=df-ico]:before
{
	position:absolute;
	display:block;
	width:38px;
	height:38px;
	margin-top:8px;
	margin-left:-52px;
	font-size:1.4em;
	line-height:34px;
	text-align:center;
	border:1px solid #4b67ca;
	border-radius:50%
}

@media only screen and (min-width:64.063em)
{
	.product-active .ad-contacts>li [class*=df-ico]:before
{
	width:32px;
	height:32px;
	line-height:29px;
	margin-left:-40px;
	margin-top:5px;
	font-size:1.1em
}


}

.product-active .ad-contacts>li #phone-all,.product-active .ad-contacts>li .block-contact
{
	display:block;
	line-height:50px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}

@media only screen and (min-width:64.063em)
{
	.product-active .ad-contacts>li #phone-all,.product-active .ad-contacts>li .block-contact
{
	line-height:40px
}


}

.product-active .ad-contacts>li+li #phone-all,.product-active .ad-contacts>li+li .block-contact
{
	border-top:1px solid hsla(0,0%,78%,.3)
}

.product-active .ad-contacts>li#view-chat a,.product-active .ad-contacts>li#view-phone-all a,.product-active .ad-contacts>li#view-phone a
{
	color:#00c977
}

.product-active .ad-contacts>li#view-chat a:before,.product-active .ad-contacts>li#view-phone-all a:before,.product-active .ad-contacts>li#view-phone a:before
{
	border-color:#00c977
}

.product-active .ad-contacts>li#show-ethrix
{
	padding:0 7px
}

.product-active .ad-contacts>li#show-ethrix #ethrix
{
	border-bottom:1px solid hsla(0,0%,78%,.3);
	font-size:13px
}

.product-active .ad-contacts>li#show-ethrix #ethrix p
{
	line-height:20px;
	color:#969696
}

.product-active .ad-contacts>li#show-ethrix #ethrix p .click-ethrix-more
{
	background-color:#bdbdbd;
	margin-left:20px;
	padding:2px 13px;
	color:#4b67ca;
	cursor:pointer;
	border:1px solid #bdbdbd;
	border-radius:4px
}

.product-active .ad-contacts>li#show-ethrix #ethrix #timer
{
	color:#f70
}

.product-active .ad-contacts>li#view-chat a:before
{
	content:" ";
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/chat.svg);
	background-repeat:no-repeat;
	background-size:24px;
	background-position:6px 10px
}

@media only screen and (min-width:64.063em)
{
	.product-active .ad-contacts>li#view-chat a:before
{
	background-size:22px;
	background-position:4px 8px
}


}

.product-active .ad-contacts>li .price
{
	font-size:180%;
	color:#f70
}

.product-active .ad-contacts>li .price:before
{
	border-color:#f70;
	font-size:85%
}

@media only screen and (min-width:64.063em)
{
	.product-active .ad-contacts>li .price:before
{
	font-size:70%
}


}

.product-active .ad-info,.product-active .ad-info-mb,.product-active .additional-info
{
	padding:0 10px
}

.product-active .ad-info-mb>li [class*=df-icon],.product-active .ad-info>li [class*=df-icon],.product-active .additional-info>li [class*=df-icon]
{
	display:block;
	line-height:38px;
	color:#969696;
	font-size:90%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}

.product-active .ad-info-mb>li [class*=df-icon]:before,.product-active .ad-info>li [class*=df-icon]:before,.product-active .additional-info>li [class*=df-icon]:before
{
	display:inline-block;
	width:20px;
	text-align:center;
	margin-right:6px
}

.product-active .ad-info-mb>li:not(:last-child)>*,.product-active .ad-info>li:not(:last-child)>*,.product-active .additional-info>li:not(:last-child)>*
{
	border-bottom:1px solid hsla(0,0%,59%,.2)
}

.product-active .ad-info-mb>li.manager-options,.product-active .ad-info>li.manager-options,.product-active .additional-info>li.manager-options
{
	margin-top:20px
}

.product-active .additional-info
{
	position:relative
}

@media only screen and (min-width:40.063em)
{
	.product-active .additional-info
{
	margin-top:128px
}

.product-active .additional-info.no-padding
{
	margin-top:0
}

.product-active .additional-info.ftPadding
{
	margin-top:50px
}


}

.product-active .additional-info>li.bump-button
{
	position:absolute;
	width:100%;
	top:-100px;
	left:0
}

.product-active .additional-info>li.bump-button.ftPadding
{
	top:-50px
}

.product-active .additional-info>li .price
{
	font-size:1.4em
}

.product-active .additional-info>li .df-icon-user a
{
	color:#969696
}

.product-active .additional-info>li:nth-last-child(-n+3) a
{
	color:#4b67ca
}

.product-active .additional-info>li:nth-last-child(-n+3) a:hover
{
	color:#f70
}

@media only screen and (min-width:40.063em)
{
	.product-active .additional-info>li .ad-monetize
{
	background-color:#00c977;
	padding-left:35px;
	background-position:9px 9px;
	border-radius:3px;
	color:#fff;
	font-size:1.1em;
	cursor:pointer;
	display:block;
	line-height:38px;
	margin-bottom:8px
}


}

.product-active .additional-info>li .ad-monetize.ftPadding
{
	display:none
}

.product-active .additional-info>li .ad-monetize.bg-icon-top-ad
{
	background-size:16px;
	background-position:11px;
	position:relative
}

@media only screen and (min-width:40.063em)
{
	.product-active .additional-info>li .ad-monetize.bg-icon-top-ad
{
	padding-left:75px;
	background-position:45px
}

.product-active .additional-info>li .ad-monetize.bg-icon-top-ad:before
{
	content:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/beta-rinbon.svg);
	position:absolute;
	top:-4px;
	left:0;
	display:none
}

.product-active .additional-info>li .ad-monetize.bg-icon-top-ad:after
{
	background-color:#f9f9f9;
	content:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/item-promote.svg);
	position:absolute;
	top:-38px;
	left:0
}


}

@media only screen and (min-width:40.063em)
{
	.product-active .bg-icon-top-ad+.bg-icon-bump
{
	padding-left:75px!important;
	background-position:45px!important
}


}

@media only screen and (min-width:40.063em)
{
	.product-active .ftPadding .bg-icon-top-ad+.bg-icon-bump
{
	background-position:9px 9px!important;
	padding-left:35px!important
}


}

.product-active .mb-information
{
	padding-bottom:40px
}

@media only screen and (min-width:40.063em)
{
	.product-active .mb-information
{
	display:none
}


}

.product-active .mb-information .ad-info-mb>li
{
	position:relative
}

.product-active .mb-information .ad-id,.product-active .mb-information .report-abuse
{
	text-align:center;
	font-size:75%
}

.product-active .mb-information .report-abuse a
{
	display:inline-block;
	padding:4px 10px;
	color:hsla(0,0%,39%,.8);
	border:1px solid hsla(0,0%,39%,.4);
	border-radius:2px
}

.product-active .mb-information .report-abuse a:before
{
	display:inline-block;
	margin-right:5px
}

.product-active .mb-information .manager-options .mb-contacts-all
{
	width:100%
}

.product-active .mb-information .manager-options .mb-contacts-all>a
{
	display:inline-block;
	width:33%;
	text-align:center
}

.product-active .mb-information .mb-contacts-bar.member .mb-contacts-all>a
{
	width:33%
}

.product-active .mb-information .mb-contacts-bar .mb-monetize
{
	width:24%;
	display:inline-block;
	font-size:100%
}

.product-active .mb-information .mb-contacts-bar .mb-monetize>a
{
	display:block;
	float:left;
	position:relative;
	text-align:center;
	height:60px;
	color:#fff;
	font-size:80%;
	padding-top:34px;
	width:100%
}

.product-active .mb-information .mb-contacts-bar .mb-monetize>a:before
{
	display:block;
	text-align:center;
	font-size:180%;
	position:absolute;
	width:100%
}

.product-active .mb-information .mb-contacts-bar .mb-monetize .ad-monetize
{
	background-position:center 8px;
	background-size:27px
}

.product-active .mb-information .mb-contacts-bar .mb-contacts-all
{
	width:76%;
	display:inline-block;
	font-size:100%
}

.product-active .mb-information .mb-contacts-bar .mb-contacts-all>a
{
	display:block;
	float:left;
	position:relative;
	text-align:center;
	height:60px;
	color:#fff;
	font-size:80%;
	padding-top:34px
}

.product-active .mb-information .mb-contacts-bar .mb-contacts-all>a:before
{
	display:block;
	text-align:center;
	font-size:180%;
	position:absolute;
	width:100%;
	top:0
}

.product-active .mb-information .mb-contacts-bar[class*=bump-extra-].off.feature-ad .mb-monetize
{
	width:50%
}

.product-active .mb-information .mb-contacts-bar[class*=bump-extra-].off.feature-ad .mb-monetize>a
{
	background-position:8px;
	background-size:30px;
	text-align:left;
	padding-left:40px;
	line-height:60px;
	font-size:110%;
	padding-top:0
}

.product-active .mb-information .mb-contacts-bar[class*=bump-extra-].off.feature-ad .mb-monetize .ad-promote
{
	background-size:70px;
	line-height:60px;
	font-size:110%;
	padding-top:0;
	padding-left:75px;
	border-right:1px solid hsla(0,0%,100%,.4);
	background-repeat:no-repeat;
	background-position:-1px -1px
}

.product-active .mb-information .mb-contacts-bar[class*=bump-extra-].off.feature-ad .mb-monetize .ad-promote i.bg-icon-top-ad
{
	width:30px;
	position:absolute;
	height:30px;
	bottom:9px;
	margin-left:-25px;
	background-size:18px
}

.product-active .mb-information .mb-contacts-bar[class*=bump-extra-].off.feature-ad .mb-contacts-all
{
	width:30%
}

.product-active .mb-information .mb-contacts-bar[class*=bump-extra-].off.feature-ad .mb-contacts-all>.manager-options
{
	display:block;
	height:60px;
	line-height:60px;
	text-align:center;
	color:hsla(0,0%,100%,.7);
	font-size:80%
}

.product-active .mb-information .mb-contacts-bar[class*=bump-extra-].off .mb-monetize
{
	width:70%
}

.product-active .mb-information .mb-contacts-bar[class*=bump-extra-].off .mb-monetize>a
{
	background-position:4px 8px;
	background-size:44px;
	text-align:left;
	padding-left:54px;
	line-height:60px;
	font-size:135%;
	padding-top:0;
	border-right:1px solid hsla(0,0%,100%,.4)
}

.product-active .mb-information .mb-contacts-bar[class*=bump-extra-].off .mb-monetize .ad-promote
{
	background-position:28px;
	background-size:30px;
	text-align:left;
	padding-left:65px;
	line-height:60px;
	font-size:110%;
	padding-top:0;
	border-right:1px solid hsla(0,0%,100%,.4)
}

.product-active .mb-information .mb-contacts-bar[class*=bump-extra-].off .mb-contacts-all
{
	width:30%
}

.product-active .mb-information .mb-contacts-bar[class*=bump-extra-].off .mb-contacts-all>a
{
	display:none
}

.product-active .mb-information .mb-contacts-bar[class*=bump-extra-].off .mb-contacts-all>.manager-options
{
	display:block;
	height:60px;
	line-height:60px;
	text-align:center;
	color:hsla(0,0%,100%,.7);
	font-size:80%
}

.product-active .mb-information .mb-contacts-bar>a,.product-active .mb-information .mb-contacts-bar>span
{
	display:block;
	float:left;
	position:relative;
	text-align:center;
	height:60px;
	color:#fff;
	font-size:80%
}

.product-active .mb-information .mb-contacts-bar>a>[class*=-title],.product-active .mb-information .mb-contacts-bar>span>[class*=-title]
{
	position:absolute;
	width:100%;
	left:0;
	top:0;
	padding-top:32px;
	z-index:1111
}

.product-active .mb-information .mb-contacts-bar>a:before,.product-active .mb-information .mb-contacts-bar>span:before
{
	display:block;
	text-align:center;
	font-size:180%;
	position:absolute;
	width:100%
}

.product-active .mb-information .mb-contacts-bar>a .chat-title,.product-active .mb-information .mb-contacts-bar>span .chat-title
{
	display:block;
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/chat-white.svg);
	background-repeat:no-repeat;
	background-size:24px;
	background-position:center 10px
}

.product-active .mb-information .mb-contacts-bar>a a,.product-active .mb-information .mb-contacts-bar>span a
{
	color:#fff
}

.product-active .mb-information .mb-contacts-bar>a.line-mb b,.product-active .mb-information .mb-contacts-bar>span.line-mb b
{
	bottom:60px;
	position:fixed;
	line-height:56px;
	right:0;
	left:0;
	text-align:left;
	text-indent:1em;
	font-size:130%;
	font-weight:400;
	background:rgba(50,50,50,.95)
}

.product-active .mb-information .mb-contacts-bar>span.why-should-i-bump
{
	position:fixed;
	font-size:80%;
	bottom:60px;
	right:0;
	left:0;
	background-color:#f9f9f9;
	box-shadow:0 -20px 30px 8px #f9f9f9;
	padding:4px 10px 10px;
	height:auto;
	text-align:left
}

.product-active .mb-information .mb-contacts-bar>span.why-should-i-bump>a
{
	color:#4b67ca
}

.product-active .mb-information .mb-contacts-bar.one>a,.product-active .mb-information .mb-contacts-bar.one>span
{
	width:100%
}

.product-active .mb-information .mb-contacts-bar.two>a,.product-active .mb-information .mb-contacts-bar.two>span
{
	width:50%
}

.product-active .mb-information .mb-contacts-bar.two #contact-describe:after
{
	left:21%
}

.product-active .mb-information .mb-contacts-bar.three>a,.product-active .mb-information .mb-contacts-bar.three>span
{
	width:100%
}

.product-active .mb-information .mb-contacts-bar.four>a,.product-active .mb-information .mb-contacts-bar.four>span
{
	width:25%
}

.product-active .mb-information .mb-contacts-bar.member.three>a
{
	width:33%
}

.product-active .mb-information .mb-contacts-bar.member>a
{
	width:25%;
	padding-top:34px
}

.product-active .mb-information .mb-contacts-bar.member>a:before
{
	top:5px
}

.product-active .mb-information .mb-contacts-bar #contact-describe
{
	position:fixed;
	bottom:70px;
	z-index:999;
	background-color:rgba(0,0,0,.9);
	padding:1em 1em 2.5em;
	left:10px;
	right:10px;
	border-radius:2px;
	font-size:110%
}

.product-active .mb-information .mb-contacts-bar #contact-describe:after
{
	position:absolute;
	bottom:-5px;
	left:47%;
	display:block;
	width:12px;
	height:12px;
	background-color:rgba(0,0,0,.9);
	content:" ";
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg)
}

.product-active .mb-information .mb-contacts-bar #contact-describe .phone-call
{
	display:block;
	margin:0 10% 1em;
	font-size:130%;
	line-height:40px;
	color:#fff;
	text-align:center;
	background-color:#00c977;
	border-radius:2px
}

.product-active .mb-information .mb-contacts-bar #contact-describe .e-message
{
	display:block
}

.product-active .mb-information .mb-contacts-bar #contact-describe .e-message #timer-mobile
{
	color:#f70
}

.product-active .mb-information .mb-contacts-bar #contact-describe .e-message .df-icon-question
{
	position:absolute;
	right:10px;
	bottom:10px;
	padding:4px;
	font-size:80%;
	line-height:14px;
	color:hsla(0,0%,100%,.5);
	border:1px solid hsla(0,0%,100%,.5);
	border-radius:2px
}

.product-active .frauds-prevention p
{
	font-size:100%
}

.product-active .frauds-prevention p a
{
	line-height:42px
}

.product-active .frauds-prevention,.product-active .frauds-prevention-mb
{
	padding:5px;
	color:rgba(80,80,80,.8);
	background-color:#ffe8a9
}

.product-active .m-avatar,.product-active .member-avatar
{
	position:absolute;
	overflow:hidden;
	background:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/member-profile-avatar.png);
	border-radius:50%;
	background-size:cover
}

.product-active .m-avatar img,.product-active .member-avatar img
{
	position:absolute;
	max-width:130%;
	margin:-12%
}

.product-active .m-avatar
{
	display:block;
	width:32px;
	height:32px;
	left:0;
	top:4px
}

.product-active .m-avatar+span
{
	margin-left:38px
}

.product-active .member-avatar
{
	height:38px;
	width:38px;
	top:8px;
	margin-left:-52px
}

@media only screen and (min-width:64.063em)
{
	.product-active .member-avatar
{
	height:32px;
	width:32px;
	top:5px;
	margin-left:-40px
}


}

.product-active .profile-image
{
	display:block;
	width:38px;
	height:38px;
	background-size:cover
}

@media only screen and (min-width:64.063em)
{
	.product-active .profile-image
{
	width:32px;
	height:32px
}


}

.validate-error
{
	padding:6px;
	color:#fff;
	background:#f88
}

.report-ad
{
	position:fixed;
	overflow:scroll;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background:#fff;
	padding:1em;
	border-radius:1px;
	box-shadow:0 0 30px rgba(0,0,0,.6);
	height:auto;
	font-size:14px
}

.report-ad h3
{
	font-size:110%
}

.report-ad .close
{
	position:absolute;
	top:10px;
	right:20px
}

@media only screen and (min-width:40.063em)
{
	.report-ad
{
	top:50px;
	width:430px;
	left:35%;
	height:450px
}


}

.report-ad .report-radio
{
	margin-left:10px
}

.report-ad .space
{
	padding:15px;
	margin:0 -10px;
	text-align:right;
	border-top:1px solid #ccc
}

.report-ad .space .btn
{
	display:inline-block;
	padding:4px 12px;
	margin-bottom:0;
	font-size:14px;
	line-height:20px;
	color:#333;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	background-color:#f5f5f5;
	background-repeat:repeat-x;
	border:1px solid #bbb;
	border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
	border-radius:4px
}

.report-ad .space .btn-send-message
{
	width:70px;
	color:#fff;
	background-color:#5cb85c;
	background-image:none;
	border-color:#5cb85c
}

.report-ad .space .close-report
{
	background-color:#f5f5f5;
	padding:4px 12px;
	margin-left:5px;
	text-align:center;
	vertical-align:middle;
	border-radius:4px;
	border:1px solid #bbb
}

.mailto-seller
{
	position:fixed;
	overflow:scroll;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background:#fff;
	padding:1em;
	border-radius:1px;
	box-shadow:0 0 30px rgba(0,0,0,.6);
	height:auto;
	font-size:14px
}

@media only screen and (min-width:40.063em)
{
	.mailto-seller
{
	top:50px;
	width:500px;
	left:35%;
	height:450px
}


}

.mailto-seller .contact-note
{
	margin-top:15px
}

.mailto-seller .contact-note textarea
{
	height:85px;
	margin:0;
	resize:none;
	display:block;
	width:100%;
	min-height:38px;
	font-size:110%;
	background:#e8ebed;
	border:2px solid #e8ebed;
	margin-bottom:20px
}

.mailto-seller #contact_email_box,.mailto-seller #contact_phone_box
{
	margin-bottom:20px
}

.mailto-seller input
{
	border:2px solid #e8ebed;
	display:block;
	width:100%;
	min-height:38px;
	margin:0;
	font-size:110%;
	background:#e8ebed
}

.mailto-seller .section-row
{
	text-align:right
}

.mailto-seller .section-row .btn-send-message
{
	line-height:28px;
	color:#fff;
	display:inline-block;
	text-shadow:none;
	background:#77bf75;
	border:0;
	width:100px;
	border-radius:4px;
	font-size:15px
}

.mailto-seller h3
{
	font-size:110%
}

.mailto-seller .close
{
	position:absolute;
	top:10px;
	right:20px
}

.product-inactive .current-product-inactive-lay
{
	margin:10px auto
}

.product-inactive .current-product-inactive-lay>figure
{
	position:relative;
	width:80px;
	height:60px;
	background:#333;
	overflow:hidden
}

.product-inactive .current-product-inactive-lay>figure>img
{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
	max-height:165%
}

.product-inactive .current-product-inactive-lay>div
{
	margin-left:8px
}

.product-inactive .current-product-inactive-lay>div h1
{
	font-size:80%;
	font-weight:400;
	opacity:.7
}

.product-inactive section .related-header
{
	font-weight:400;
	border-bottom:1px solid #dedede;
	color:#777;
	padding:10px 0;
	font-size:100%;
	margin-bottom:20px
}

.product-inactive section div
{
	padding:20px 0
}

@media only screen and (min-width:64.063em)
{
	.product-inactive section ul.member-ads-list>li.member-ads-preview
{
	width:23.5%;
	margin-right:2%
}

.product-inactive section ul.member-ads-list>li.member-ads-preview:nth-child(4n)
{
	margin-right:0
}


}

.product-inactive .see-more-in-cate .breadcrumb-product
{
	display:block
}

.product-inactive .see-more-in-cate .breadcrumb-product>ul:before
{
	content:"\E14\E39\E2A\E34\E19\E04\E49\E32\E2D\E37\E48\E19\E46   \E17\E35\E48\E2D\E22\E39\E48\E43\E19\E2B\E21\E27\E14\E2B\E21\E39\E48   ";
	display:inline-block;
	position:relative;
	float:left;
	font-size:80%;
	line-height:30px;
	margin:auto 8px auto 0
}

.product-inactive .see-more-in-cate .breadcrumb-product>ul>li
{
	padding-right:0;
	margin-left:8px
}

.product-inactive .see-more-in-cate .breadcrumb-product>ul>li>a
{
	display:inline-block;
	height:26px;
	line-height:26px;
	padding:0 10px;
	border:1px solid #4b67ca;
	border-radius:13px;
	font-size:90%;
	margin-bottom:4px
}

.product-inactive .see-more-in-cate .breadcrumb-product>ul>li>a:hover
{
	background-color:#4b67ca;
	color:#fff
}

.product-inactive .see-more-in-cate .breadcrumb-product>ul>li:after,.product-inactive .see-more-in-cate .breadcrumb-product>ul>li:first-child,.product-inactive .see-more-in-cate .breadcrumb-product>ul>li:last-child
{
	display:none
}

.product-preview-bar
{
	max-width:620px;
	font-size:14px;
	color:#000;
	border-radius:3px;
	position:absolute;
	z-index:1;
	margin:10px
}

.product-preview-bar.edit
{
	border:1px solid #c21414;
	background-color:#ffe0e1
}

.product-preview-bar.edit .reject-image
{
	background-color:#c21414
}

.product-preview-bar.pending
{
	border:1px solid #fdcd5c;
	background-color:#fff9c9
}

.product-preview-bar.pending .reject-image
{
	background-color:#fdcd5c
}

.product-preview-bar~.favor-this
{
	display:none
}

.product-preview-bar .link
{
	color:#4b67ca;
	text-decoration:underline
}

.product-preview-bar .reject-image
{
	width:40px;
	height:100%;
	position:absolute
}

.product-preview-bar .reject-image .bg-icon-information
{
	background-size:21px;
	background-position:7px 9px;
	color:transparent;
	padding-left:37px;
	min-height:120px
}

@media only screen and (min-width:40.063em)
{
	.product-preview-bar .reject-image .bg-icon-information
{
	min-height:80px
}


}

.product-preview-bar .reject-body
{
	margin-left:44px;
	padding:8px
}

.product-preview-bar .reject-body .reject-more .reject-more-txt
{
	font-weight:700
}

.product-preview-bar .reject-body .reject-more .reject-more-full
{
	word-break:break-all;
	padding-right:8px
}

.ethrix-more
{
	position:fixed;
	bottom:65px;
	left:15px;
	padding:4%;
	font-size:74%;
	color:#444;
	background-color:#fffac7;
	border-radius:4px
}

@media only screen and (min-width:40.063em)
{
	.ethrix-more
{
	position:absolute;
	top:50%;
	bottom:auto;
	margin-top:-70px;
	left:50%;
	margin-left:-150px;
	min-height:210px;
	font-size:78%;
	padding:15px;
	line-height:20px
}


}

.ethrix-more a
{
	position:absolute;
	top:-16px;
	right:-16px;
	display:block;
	width:32px;
	height:32px;
	line-height:32px;
	color:#fff;
	text-align:center;
	background-color:#aa3535;
	border-radius:50%
}

.ethrix-more p
{
	margin:0 0 1em
}

.ethrix-more p:last-child
{
	font-size:82%
}

.introduce-monetize-mb:not(.hide)
{
	display:block;
	position:absolute;
	height:122px;
	width:94%;
	bottom:75px;
	left:3%;
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/rocket_bump.png);
	background-size:125px
}

.introduce-monetize-mb:not(.hide)>b
{
	display:inline-block;
	margin-top:10px;
	font-size:135%;
	font-weight:400
}

.introduce-monetize-mb:not(.hide)>strong
{
	font-weight:400;
	font-size:100%
}

.introduce-promote-mb
{
	position:fixed;
	bottom:75px;
	right:0;
	left:0;
	background-color:#528efd;
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/feature-ad-banner.svg);
	background-repeat:no-repeat;
	background-position:16px 14px;
	z-index:99;
	color:#fff;
	margin:10px 10px 0;
	border-radius:4px
}

.introduce-promote-mb div
{
	padding:16px 5px 5px 120px
}

.introduce-promote-mb div p
{
	font-size:.875em
}

.introduce-promote-mb div .df-icon-dfclose
{
	position:absolute;
	top:0;
	right:10px;
	color:#fff;
	cursor:pointer;
	font-size:20px
}

.introduce-promote-mb div p:nth-child(3),.introduce-promote-mb div p:nth-child(4)
{
	font-size:1em
}

.introduce-promote-mb div p:nth-child(5)
{
	opacity:.7;
	margin-top:5px;
	text-align:right;
	margin-right:16px
}

.introduce-promote-mb div p:nth-child(5) .noti-txt
{
	color:#fff;
	font-size:.875em
}

.introduce-promote-mb div .arrow
{
	display:block;
	width:26px;
	height:26px;
	position:absolute;
	bottom:-26px;
	left:47px;
	border-right:13px solid transparent;
	border-left:13px solid transparent;
	border-top:13px solid #528efd
}

@media only screen and (min-width:40.063em)
{
	.introduce-monetize:not(.hide)
{
	position:absolute;
	height:145px;
	width:350px;
	bottom:50px;
	border-bottom:0;
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/rocket_bump.png);
	background-size:140px
}

.introduce-monetize:not(.hide)>b
{
	font-weight:400;
	display:inline-block;
	margin-top:15px;
	font-size:170%
}

.introduce-monetize:not(.hide)>strong
{
	font-size:120%;
	font-weight:400
}


}

.introduce-monetize,.introduce-monetize-mb
{
	padding:0 10px 10px 20px;
	box-sizing:border-box;
	background-color:#4b67ca;
	color:#fff;
	border-radius:4px;
	z-index:2;
	background-position:100% 6px;
	background-repeat:no-repeat
}

.introduce-monetize-mb>i,.introduce-monetize>i
{
	position:absolute;
	width:24px;
	text-align:center;
	font-size:1.6em;
	color:#fff;
	top:0;
	right:10px
}

.introduce-monetize-mb .arrow,.introduce-monetize .arrow
{
	display:block;
	width:26px;
	height:26px;
	position:absolute;
	bottom:-24px;
	border-right:13px solid transparent;
	border-left:13px solid transparent;
	border-top:13px solid #4b67ca
}

.item-renew
{
	text-align:center;
	min-height:300px;
	padding:50px
}

.item-renew header
{
	font-size:1.3em;
	color:#4a4a4a
}

.item-renew button
{
	margin:4px
}

.item-renew .title
{
	color:#4b67ca;
	font-size:1em
}

.item-renew .expire
{
	color:#f70
}

.item-renew p
{
	font-size:.9em
}

.promote-wrapper
{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
	background-color:#f9f9f9;
	max-width:320px;
	max-height:445px
}

.promote-wrapper h2
{
	font-size:18px;
	margin:16px
}

.promote-wrapper .df-icon-dfclose
{
	position:absolute;
	top:0;
	right:10px;
	color:#fff
}

.promote-wrapper .df-icon-dfclose:before
{
	font-size:22px
}

.promote-wrapper .promote-header
{
	background-color:#4b67ca;
	color:#fff;
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/feature-ad-popup.svg);
	background-repeat:no-repeat;
	background-position:100% 100%
}

.promote-wrapper .promote-header div
{
	padding:20px 20px 10px
}

.promote-wrapper .promote-header p:first-child
{
	font-size:1.2em
}

.promote-wrapper .promote-header p:nth-child(2)
{
	margin-top:8px;
	width:165px;
	font-size:.875em
}

.promote-wrapper .promote-header p:nth-child(4)
{
	margin-top:8px
}

.promote-wrapper .promote-header a
{
	font-size:.875em;
	opacity:.5;
	cursor:pointer;
	color:#fff
}

.promote-wrapper .promote-content
{
	margin:16px;
	text-align:center
}

.promote-wrapper .promote-content .egg
{
	margin-bottom:32px;
	font-size:32px
}

.promote-wrapper .promote-content .egg .bg-icon-coin
{
	background-size:35px;
	padding-left:44px;
	background-position:8px
}

.promote-wrapper .promote-content .txt-desc
{
	padding:16px;
	border:1px solid #e4e4e4;
	border-radius:4px
}

.promote-wrapper .promote-content .txt-desc span:first-child
{
	margin-right:16px
}

.promote-wrapper .promote-content .txt-desc span:last-child
{
	font-size:18px;
	font-weight:700
}

.promote-wrapper .promote-content .balance
{
	margin-top:16px
}

.promote-wrapper .promote-content .balance span:last-child
{
	padding-left:20px;
	background-size:20px;
	background-position:0
}

.promote-wrapper .promote-content .balance.red
{
	color:red
}

.promote-wrapper .promote-content .btn-promote
{
	padding:6px;
	border-radius:4px;
	margin-top:16px;
	background-color:#00c977;
	color:#fff;
	font-size:18px;
	cursor:pointer
}

.promote-success
{
	width:280px;
	height:420px;
	background-color:#f9f9f9;
	position:relative;
	text-align:center;
	margin:0 auto
}

.promote-success p:first-of-type
{
	padding-top:20px;
	font-size:1.4em;
	color:#464646
}

.promote-success p:nth-of-type(2)
{
	color:#9a9a9a;
	font-size:1em
}

.promote-success p:nth-of-type(3)
{
	color:#9a9a9a;
	min-height:100px;
	margin-top:20px
}

.promote-success p:nth-of-type(4)
{
	text-align:center;
	font-size:1em;
	margin-top:30px
}

.promote-success p:nth-of-type(4)>span
{
	color:#9b9b9b
}

.promote-success p:nth-of-type(4)>span~span
{
	color:#4a4a4a;
	padding-left:20px
}

.promote-success p:nth-of-type(4)>span~span.bg-icon-coin
{
	background-position:5px 3px;
	padding-left:24px;
	background-size:16px
}

.promote-success p:nth-of-type(5)
{
	text-align:center;
	font-size:1em;
	margin:10px 0
}

.promote-success p:nth-of-type(5)>span
{
	color:#9b9b9b
}

.promote-success p:nth-of-type(5)>span~span
{
	color:#4a4a4a;
	padding-left:20px
}

.promote-success p:nth-of-type(5)>span~span.bg-icon-coin
{
	background-position:5px 3px;
	padding-left:24px;
	background-size:17px
}

.promote-success p:nth-of-type(6)
{
	background-color:#00c977;
	color:#fff;
	margin:25px 20px 0;
	font-size:1.1em;
	border-radius:3px;
	cursor:pointer;
	padding:4px
}

.promote-success p:last-child
{
	margin:8px 20px;
	border:1px solid #e4e4e4;
	padding:4px;
	border-radius:3px;
	color:#9b9b9b;
	cursor:pointer
}

.promote-buyegg
{
	position:relative;
	width:280px
}

.promote-buyegg a
{
	position:absolute;
	top:0;
	right:10px;
	z-index:1;
	color:transparent
}

.promote-buyegg a:before
{
	font-size:22px;
	color:#9b9b9b
}

.promote-buyegg .notenough-header p:first-of-type
{
	color:#4d4d4d;
	font-size:1.2em;
	margin-bottom:5px;
	margin-left:15px;
	padding-top:13px
}

.promote-buyegg .notenough-header p:nth-of-type(2)
{
	text-align:center;
	margin-top:5px;
	font-size:1em;
	color:#9b9b9b
}

.promote-buyegg .notenough-header p:nth-of-type(3)
{
	text-align:center;
	font-size:2.5em;
	color:#4a4a4a
}

.promote-buyegg .notenough-header p:nth-of-type(3) .bg-icon-coin
{
	background-position:0 11px;
	padding-left:40px;
	background-size:40px
}

.promote-buyegg .notenough-header p:nth-of-type(4)
{
	color:red;
	padding:7px 0 4px 15px;
	font-size:1em
}

.promote-buyegg .notenough-header p:nth-of-type(4) .bg-icon-coin
{
	background-position:1px;
	padding-left:20px;
	background-size:16px
}

.promote-buyegg .notenough-header p:nth-of-type(4) .noti-coin-pro
{
	display:block;
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/more_sale@3x.png);
	background-repeat:no-repeat;
	height:24px;
	background-size:116px;
	float:right;
	width:116px
}

.section-content
{
	padding:0 10px
}

@media only screen and (min-width:40.063em)
{
	.section-content
{
	width:63%;
	margin-left:2%;
	padding:0
}


}

.main-information
{
	padding:60px 10px 10px;
	position:relative;
	color:#464646;
	font-size:95%
}

@media only screen and (min-width:40.063em)
{
	.main-information
{
	padding-top:40px
}


}

.main-information.hide-content
{
	max-height:510px;
	overflow:hidden;
	position:relative
}

.main-information.hide-content:after
{
	bottom:0;
	left:0;
	position:absolute;
	height:66px;
	width:100%;
	content:"";
	border-radius:0 0 2px 2px;
	background:linear-gradient(180deg,hsla(0,0%,100%,0) 0,#fff 67%,#fff);
	z-index:2
}

.main-information header h1
{
	font-size:115%;
	margin-bottom:5px;
	padding:6px 0
}

.main-information .extra-attrs
{
	margin-bottom:10px
}

.main-information .extra-attrs>li
{
	font-size:12px;
	color:rgba(0,0,0,.4);
	border:1px solid rgba(0,0,0,.2);
	border-radius:20px;
	display:inline-block;
	margin:5px 5px 0 0;
	padding:2px 6px
}

.main-information .extra-attrs>li>b,.main-information .extra-attrs>li>span
{
	display:inline-block
}

.main-information .extra-attrs>li>span:after
{
	content:": ";
	display:inline-block;
	margin-right:5px
}

.main-information .ad-description
{
	line-height:1.6em
}

.main-information .price-mb
{
	top:4px;
	font-size:180%;
	color:#f70
}

@media only screen and (min-width:40.063em)
{
	.main-information .price-mb
{
	display:none
}


}

.main-information .ad-condition
{
	position:absolute;
	top:10px;
	right:10px;
	line-height:22px;
	color:hsla(0,0%,39%,.9);
	border:1px solid hsla(0,0%,78%,.3);
	border-radius:2px
}

.main-information .ad-condition>span
{
	display:inline-block;
	padding:0 10px;
	text-align:center;
	font-size:80%
}

.main-information .ad-condition>span+span
{
	border-left:1px solid hsla(0,0%,78%,.3)
}

@media only screen and (min-width:40.063em)
{
	.main-information address
{
	display:block;
	position:absolute;
	top:10px;
	font-style:normal;
	color:#969696
}

.main-information address>span,.main-information address>time
{
	display:inline-block;
	margin-right:6px;
	font-size:70%
}

.main-information address>span:before,.main-information address>time:before
{
	margin-right:4px
}


}

.phone .main-information
{
	padding-top:64px
}

.phone .main-information .remark-free-gift
{
	margin-top:-8px
}

.remark-free-gift
{
	font-size:10px;
	color:#464646;
	opacity:.4;
	display:block;
	margin-left:2px;
	padding-bottom:8px
}

@media only screen and (min-width:64.063em)
{
	.remark-free-gift
{
	font-size:12px
}


}

.k-calculate-box
{
	background-color:#fed500;
	overflow:hidden;
	width:40%
}

.k-calculate-box .col-12
{
	width:100%
}

.k-calculate-box .col-4
{
	width:33.33%
}

.k-calculate-box .col-3
{
	width:25%
}

.k-calculate-box .k-row [class*=col-]
{
	display:inline-block;
	font-size:14px
}

.k-calculate-box .k-row
{
	margin-bottom:8px
}

.k-calculate-box .k-result
{
	color:#f92c2c;
	font-size:18px
}

.k-calculate-box .k-payroll
{
	font-size:10px
}

.k-calculate-box h1
{
	background-color:#796a67;
	color:#fff;
	font-size:14px;
	margin:0;
	padding:8px
}

.k-calculate-box .k-link
{
	background-color:#f92c2c;
	border-bottom:2px solid #e80000;
	display:block;
	color:#fff;
	margin:10px auto auto;
	padding:4px;
	text-align:center;
	font-size:14px;
	width:30%
}

.k-calculate-box .k-inner-box
{
	padding:15px
}

.k-calculate-box .k-inner-box .k-group-input
{
	margin-bottom:5px
}

.k-calculate-box .k-inner-box .k-group-input input
{
	line-height:25px
}

.k-calculate-box .k-inner-box .k-group-input span
{
	text-align:right
}

.k-calculate-box .k-test1
{
	transition:opacity .5s;
	opacity:1
}

.login-main
{
	height:480px
}

@media only screen and (min-width:40.063em)
{
	.login-main
{
	height:510px
}


}

.ad-section
{
	height:100%;
	width:500px;
	display:none;
	float:left
}

@media only screen and (min-width:64.063em)
{
	.ad-section
{
	display:block
}


}

.ad-section .wrapper-ad-info
{
	height:100%;
	position:relative
}

.ad-info
{
	height:100%;
	background:rgba(0,0,0,.7)
}

.ad-info .ad-image
{
	overflow:hidden;
	position:absolute;
	margin:auto;
	top:0;
	bottom:0;
	left:0;
	right:0
}

.ad-info .ad-detail
{
	position:absolute;
	z-index:2;
	left:16px;
	bottom:24px
}

.ad-info .overlay
{
	height:100%;
	width:100%;
	position:absolute;
	z-index:1;
	background:rgba(0,0,0,.6);
	opacity:.6
}

.ad-info .ad-price
{
	font-size:24px;
	color:#ff9233
}

.ad-info .ad-title
{
	font-size:16px;
	color:#fff;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	max-width:450px
}

.ad-info .ad-address
{
	font-style:normal;
	font-size:12px;
	color:#9b9b9b
}

.register-section
{
	height:100%;
	width:320px;
	position:relative;
	background-color:#fff
}

@media only screen and (min-width:40.063em)
{
	.register-section
{
	width:380px;
	float:left
}


}

.close-modal
{
	position:absolute;
	top:4px;
	right:14px;
	z-index:1
}

.close-modal:before
{
	font-size:22px;
	color:#9b9b9b
}

.register-content
{
	position:relative;
	text-align:center;
	padding:24px 16px;
	height:100%
}

@media only screen and (min-width:40.063em)
{
	.register-content
{
	padding:32px 24px
}


}

.register-content .register-info
{
	margin-top:16px;
	margin-bottom:32px
}

@media only screen and (min-width:40.063em)
{
	.register-content .register-info
{
	margin-bottom:56px
}


}

.register-content .register-info.login
{
	font-size:18px
}

.register-content .content-images-header
{
	width:180px
}

.register-content .content-images-header.image-register
{
	width:35%
}

.register-content .content-images-header.image-login
{
	margin-top:50px
}

.register-content header
{
	height:200px
}

@media only screen and (min-width:40.063em)
{
	.register-content header
{
	height:230px
}


}

.title-hr-section
{
	max-width:320px;
	position:relative;
	margin:4px auto;
	color:#acacac
}

.title-hr-section:before
{
	content:"";
	border-bottom:1px solid #e4e4e4;
	position:absolute;
	left:0;
	right:0;
	top:50%
}

.title-hr-section>*
{
	display:inline-block;
	padding:4px 20px;
	position:relative
}

.title-hr-section .white-bg
{
	background-color:#fff
}

.title-hr-section .body-bg
{
	background-color:#f9f9f9
}

.register-login
{
	margin:24px 4px;
	font-size:.875em
}

.register-login .btn-register-login
{
	display:block;
	margin:auto;
	border-radius:3px;
	background-color:#fff;
	border:1px solid #00c977;
	color:#4b67ca;
	display:inline-block;
	line-height:30px;
	height:30px;
	padding:0 16px;
	color:#00c977;
	margin-left:5px
}

@media only screen and (min-width:40.063em)
{
	.register-login .btn-register-login
{
	margin-left:8px
}


}

.btn-fb:before,.padding-icon
{
	padding-left:20px;
	position:absolute;
	font-size:24px;
	top:-2px;
	left:0
}

.btn-fb
{
	display:block;
	margin:auto;
	max-width:320px;
	height:44px;
	line-height:44px;
	border-radius:3px;
	background-color:#3e55a5;
	border:1px solid transparent;
	color:#4b67ca;
	color:#fff;
	cursor:pointer;
	position:relative;
	font-size:1em
}

@media only screen and (min-width:40.063em)
{
	.btn-fb
{
	font-size:1.125em
}


}

.btn-phone
{
	display:block;
	margin:auto;
	max-width:320px;
	height:44px;
	line-height:44px;
	border-radius:3px;
	background-color:#fff;
	border:1px solid #e4e4e4;
	color:#4b67ca;
	position:relative;
	font-size:1em
}

@media only screen and (min-width:40.063em)
{
	.btn-phone
{
	font-size:1.125em
}


}

.btn-phone.bg-icon-phone
{
	background-size:20px;
	background-position:16px 8px
}

.register-header
{
	padding:20px 20px 0
}

.form-otp-content
{
	text-align:center;
	padding:20px
}

@media only screen and (min-width:40.063em)
{
	.form-otp-content
{
	min-height:300px
}


}

.form-otp-content .mobile-number
{
	padding:0 8px;
	font-size:1.2em;
	line-height:34px;
	background-color:#fff;
	max-width:320px;
	border:1px solid #e4e4e4;
	width:100%
}

.form-otp-content .mobile-number:focus
{
	outline:2px auto #00c977
}

@media only screen and (min-width:40.063em)
{
	.form-otp-content .mobile-number
{
	max-width:100%
}


}

.form-otp-content .submit-button
{
	display:block;
	margin:auto;
	max-width:320px;
	height:44px;
	line-height:44px;
	border-radius:3px;
	background-color:#00c977;
	border:1px solid #e4e4e4;
	color:#4b67ca;
	color:#fff
}

@media only screen and (min-width:40.063em)
{
	.form-otp-content .submit-button
{
	max-width:100%
}


}

.condition-text
{
	padding-top:32px;
	font-size:.75em
}

.condition-text .condition-text-more
{
	color:#4b67ca
}

.password-form
{
	position:relative;
	max-width:320px;
	margin:0 auto
}

@media only screen and (min-width:40.063em)
{
	.password-form
{
	max-width:100%
}


}

.password-form input[type=password]
{
	margin:16px 0 24px
}

.password-form .forget
{
	position:absolute;
	top:8px;
	right:8px
}

.password-form .text-error-message
{
	margin-top:-16px;
	margin-bottom:16px;
	padding-left:0
}

.register-otp-confirm
{
	width:100%;
	height:100%;
	position:relative;
	margin:0 auto
}

.register-otp-confirm .otp-confirm-content
{
	text-align:center;
	padding:20px
}

.register-otp-confirm .otp-confirm-content .form-element
{
	margin-bottom:32px
}

.register-otp-confirm .otp-confirm-content .text-error-message
{
	padding-left:0;
	text-align:center
}

.register-otp-confirm .otp-button
{
	margin:auto;
	background-color:transparent;
	color:#4b67ca;
	color:#4a4a4a;
	margin-right:8px
}

.register-otp-confirm .confirm-button,.register-otp-confirm .otp-button
{
	display:block;
	max-width:320px;
	height:44px;
	line-height:44px;
	border-radius:3px;
	border:1px solid #e4e4e4;
	display:inline-block;
	width:120px
}

.register-otp-confirm .confirm-button
{
	margin:auto;
	background-color:#00c977;
	color:#4b67ca;
	color:#fff
}

.register-otp-confirm .confirm-text
{
	margin-top:16px;
	font-size:1em;
	color:#4a4a4a
}

.register-otp-confirm .confirm-text-more
{
	margin-bottom:40px;
	font-size:.875em;
	color:#9b9b9b
}

.register-otp-confirm .confirm-text-more button
{
	width:120px
}

@media only screen and (min-width:40.063em)
{
	.register-otp-confirm .confirm-text-more button
{
	width:150px
}


}

.register-otp-confirm .mobile-number
{
	padding:0 8px;
	font-size:1.2em;
	line-height:34px;
	background-color:#fff;
	max-width:320px;
	border:1px solid #e4e4e4;
	width:100%
}

.register-otp-confirm .mobile-number:focus
{
	outline:2px auto #00c977
}

.text-error-message
{
	color:#d0021b;
	font-size:.875em;
	margin:4px;
	text-align:left
}

@media only screen and (min-width:40.063em)
{
	.text-error-message
{
	padding-left:8px
}


}

.member #nps-survey
{
	display:none!important
}

.survey-fix-footer
{
	background-color:#fff;
	position:fixed;
	left:0;
	right:0;
	bottom:0;
	z-index:1000;
	box-shadow:0 0 2px rgba(0,0,0,.12),0 2px 6px rgba(0,0,0,.24)
}

.survey-item-box
{
	background-color:#fff;
	color:#464646;
	width:100%;
	max-width:980px;
	border-radius:2px;
	display:table;
	padding:32px 16px;
	position:relative;
	overflow:hidden;
	margin:auto
}

.survey-item-box .btn-target-action
{
	border:1px solid transparent;
	color:#fff;
	background-color:#5890ff;
	border:1px solid #fff;
	text-align:center;
	transition:.3s;
	cursor:pointer;
	padding:8px 24px;
	font-size:1em;
	line-height:1.2em;
	border-radius:2px;
	display:inline-block;
	vertical-align:middle;
	display:block
}

.survey-item-box .btn-target-action.focus,.survey-item-box .btn-target-action:focus
{
	color:#fff;
	background-color:#5890ff;
	border-color:#d9d9d9;
	outline:none;
	box-shadow:none
}

.survey-item-box .btn-target-action:hover
{
	color:#fff;
	background-color:#3f7fff;
	border-color:#e0e0e0
}

.open>.survey-item-box .btn-target-action.dropdown-toggle,.survey-item-box .btn-target-action.active,.survey-item-box .btn-target-action:active
{
	color:#fff;
	background-color:#256eff;
	border-color:#e0e0e0
}

.open>.survey-item-box .btn-target-action.dropdown-toggle.focus,.open>.survey-item-box .btn-target-action.dropdown-toggle:focus,.open>.survey-item-box .btn-target-action.dropdown-toggle:hover,.survey-item-box .btn-target-action.active.focus,.survey-item-box .btn-target-action.active:focus,.survey-item-box .btn-target-action.active:hover,.survey-item-box .btn-target-action:active.focus,.survey-item-box .btn-target-action:active:focus,.survey-item-box .btn-target-action:active:hover
{
	color:#fff;
	background-color:#0156ff;
	border-color:#bfbfbf
}

.survey-item-box .btn-target-action.disabled.focus,.survey-item-box .btn-target-action.disabled:focus,.survey-item-box .btn-target-action.disabled:hover,.survey-item-box .btn-target-action[disabled].focus,.survey-item-box .btn-target-action[disabled]:focus,.survey-item-box .btn-target-action[disabled]:hover,fieldset[disabled] .survey-item-box .btn-target-action.focus,fieldset[disabled] .survey-item-box .btn-target-action:focus,fieldset[disabled] .survey-item-box .btn-target-action:hover
{
	background-color:#5890ff;
	border-color:#fff
}

@media only screen and (min-width:40.063em)
{
	.survey-item-box .btn-target-action
{
	display:inline-block
}


}

.survey-action,.survey-description
{
	display:table-cell;
	vertical-align:middle;
	font-size:14px
}

@media only screen and (min-width:40.063em)
{
	.survey-action,.survey-description
{
	font-size:16px
}


}

.survey-title
{
	font-size:24px;
	margin:0
}

.survey-info
{
	font-size:14px;
	display:inline-block;
	vertical-align:middle;
	margin:0 8px 0 0
}

@media only screen and (min-width:40.063em)
{
	.survey-info
{
	margin:0
}


}

.survey-icon
{
	width:32px;
	vertical-align:middle;
	margin-right:16px;
	display:none
}

@media only screen and (min-width:40.063em)
{
	.survey-icon
{
	display:inline-block
}


}

.survey-icon img
{
	max-width:100%
}

.close-survey
{
	font-size:1.24em;
	position:fixed;
	left:16px;
	cursor:pointer;
	opacity:.5;
	margin-top:-28px
}

@media only screen and (min-width:40.063em)
{
	.close-survey
{
	margin-top:0
}


}

.survey-message
{
	display:none
}

@media only screen and (min-width:64.063em)
{
	#survey-bump-add-type-a
{
	box-shadow:0 2px 8px 2px rgba(0,0,0,.6);
	outline:3px solid #4b67ca
}

#survey-bump-add-type-a:hover
{
	box-shadow:0 2px 8px 4px rgba(0,0,0,.6)
}

#survey-bump-add-type-a .item-location
{
	display:none!important
}

#survey-bump-add-type-a .ad-price
{
	position:static
}

#survey-bump-add-type-a .survey-message
{
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	top:0
}

#survey-bump-add-type-a .label-ads
{
	background-color:#4b67ca;
	font-size:11px;
	color:#fff;
	display:inline-block;
	text-align:center;
	padding:5px
}

#survey-bump-add-type-a .tracking-bump
{
	font-size:12px;
	color:#777;
	display:block;
	letter-spacing:1.5px;
	position:absolute;
	width:100%;
	height:100%;
	transition:.3s;
	overflow:hidden
}

#survey-bump-add-type-a .tracking-bump:hover
{
	color:#333
}

#survey-bump-add-type-a .survey-info
{
	font-size:12px;
	font-weight:700;
	width:18px;
	height:18px;
	border:1px solid #eee;
	border-radius:100%;
	line-height:16px;
	display:inline-block;
	margin-top:3px;
	float:right;
	text-align:center;
	transition:.3s
}

#survey-bump-add-type-a .survey-info:hover
{
	background-color:#e0e0e0;
	border-color:#e0e0e0
}

#survey-bump-add-type-a .ads-thumbnail img
{
	opacity:.5;
	-webkit-filter:grayscale(100%);
	filter:grayscale(100%)
}

#survey-bump-add-type-a .ads-meta.col
{
	display:none
}

#survey-bump-add-type-a .key-ad
{
	padding:116px .5em .5em;
	color:#464646
}

#survey-bump-add-type-a .key-ad h4
{
	font-size:18px;
	font-weight:400;
	margin:0
}

#survey-bump-add-type-a .key-ad span
{
	font-size:12px;
	color:#969696;
	display:block
}

#survey-bump-add-type-a .call-to-action
{
	padding:5px .6em 0
}

#survey-bump-add-type-a .call-to-action>span
{
	background-color:#00c977;
	width:100%;
	display:block;
	font-size:14px;
	text-align:center;
	border-radius:2px;
	padding:10px 0
}

#survey-bump-add-type-a .call-to-action .bump
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/btn_bump.svg);
	background-position:8px 50%;
	background-repeat:no-repeat;
	position:relative;
	color:#fff;
	padding:0 16px 0 32px;
	margin:0
}

#survey-bump-add-type-a .call-to-action .bump.selected
{
	background-image:none;
	background-color:#007d4a
}

#survey-bump-add-type-a .call-to-action .bump.selected:before
{
	font-family:olxicons;
	font-weight:400;
	content:"\F00C";
	position:absolute;
	left:12px;
	top:0
}

#survey-bump-add-type-a .call-to-action .bump:hover
{
	background-color:#00c977;
	border-color:transparent
}


}

@-webkit-keyframes ballloading
{
	33%
{
	-webkit-transform:translateY(-10px);
	transform:translateY(-10px)
}

66
{
	-webkit-transform:translateY(10px);
	transform:translateY(10px)
}

to
{
	-webkit-transform:translateY(0);
	transform:translateY(0)
}


}

.global-page-loader
{
	background-color:#f9f9f9;
	width:100%;
	height:100%;
	position:absolute;
	display:block;
	z-index:100;
	min-height:300px
}

.loader
{
	background:transparent url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/logo-loading.svg) no-repeat;
	width:118px;
	height:118px
}

.loader,.loading-ball-box
{
	position:absolute;
	margin:auto;
	top:0;
	right:0;
	bottom:0;
	left:0
}

.loading-ball-box
{
	width:60px;
	height:32px
}

.loading-ball
{
	display:inline-block;
	background-color:#888;
	width:12px;
	height:12px;
	margin:2px;
	border-radius:100%;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-timing-function:ease-in-out;
	animation-timing-function:ease-in-out;
	-webkit-animation-name:ballloading;
	animation-name:ballloading;
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
	-webkit-animation-duration:.6s;
	animation-duration:.6s
}

.loading-ball-1
{
	-webkit-animation-delay:0s;
	animation-delay:0s
}

.loading-ball-2
{
	-webkit-animation-delay:.07s;
	animation-delay:.07s
}

.loading-ball-3
{
	-webkit-animation-delay:.14s;
	animation-delay:.14s
}

.filters
{
	position:relative
}

.filters [id^=filter-]
{
	background-color:#fff;
	font-size:16px;
	border-right:1px solid rgba(0,0,0,.08);
	border-left:1px solid rgba(0,0,0,.08);
	font-weight:400;
	color:#4b67ca;
	line-height:1.4;
	cursor:pointer;
	transition:background-color .1s ease-in;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	margin:0;
	padding:8px 10px;
	min-height:39px
}

@media only screen and (min-width:40.063em)
{
	.filters [id^=filter-]>span
{
	display:block;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	max-width:94%
}


}

.filters [id^=filter-].active,.filters [id^=filter-]:hover
{
	color:#464646
}

.filters [id^=filter-]:after
{
	font-family:olxicons;
	font-weight:400;
	content:"\F107";
	color:#969696;
	display:block;
	position:absolute;
	top:8px;
	right:8px
}

.filters #filter-districs
{
	border-left:none
}

.filters .main-filters
{
	float:left;
	width:35%
}

.filters .main-filters>div
{
	float:left;
	position:relative
}

.filters .main-filters>.provinces
{
	width:60%
}

.filters .main-filters>.districts
{
	width:40%
}

.filters .main-filters ul
{
	background-color:#fff;
	border:1px solid rgba(0,0,0,.08);
	border-top:none;
	width:94%;
	max-height:250px;
	border-top:0;
	position:absolute;
	z-index:10;
	left:10px;
	overflow:auto
}

@media only screen and (min-width:40.063em)
{
	.filters .main-filters ul
{
	width:100%;
	left:0
}


}

.filters .main-filters ul li a
{
	font-size:16px;
	display:block;
	line-height:1.8em;
	padding:2px 10px;
	color:#a4a4a4
}

.filters .main-filters ul li a.active,.filters .main-filters ul li a:hover
{
	color:#4b67ca
}

.filters .main-filters ul li+li a
{
	border-top:1px solid #dedede
}

.filters .main-filters .active h3
{
	background:#4b67ca;
	color:#fff
}

.filters .main-filters .active h3:after
{
	color:#fff
}

.filters .additional-filters
{
	width:68%;
	position:absolute;
	right:0;
	top:0
}

.filters .additional-filters>div
{
	float:right;
	position:relative
}

.filters .additional-filters .active h3
{
	background:#4b67ca;
	color:#fff
}

.filters .additional-filters .active h3:after
{
	color:#fff
}

.filters .additional-filters>.sorting
{
	width:39%
}

.filters .prices
{
	width:16%
}

.filters .prices>h3
{
	border-right:0
}

.filters .prices .toggle-price
{
	position:absolute;
	width:350px;
	padding:10px;
	background-color:#fff;
	margin-left:-242px;
	border:1px solid rgba(0,0,0,.08);
	z-index:5
}

.filters .prices .toggle-price>span
{
	display:block;
	float:left
}

.filters .prices .toggle-price>span>span:first-child
{
	display:none
}

.filters .prices .toggle-price>span>input
{
	float:left;
	width:105px;
	font-size:90%
}

.filters .prices .toggle-price>span:first-child+span
{
	line-height:42px;
	padding:0 4px;
	color:#a5a5a5
}

.filters .prices .toggle-price>button
{
	float:left;
	width:80px;
	margin-left:10px;
	color:#fff;
	background-color:#00c977
}

.filters .prices .toggle-price:after
{
	content:" ";
	display:block;
	clear:both
}

.filter-bar.mobile
{
	position:fixed;
	top:55px;
	right:0;
	left:0;
	z-index:4
}

@media only screen and (min-width:40.063em)
{
	.filter-bar.mobile
{
	position:relative;
	top:auto;
	right:auto;
	left:auto
}


}

.filter-dropdown
{
	position:relative;
	padding:0 10px;
	margin:0 0 10px
}

@media only screen and (min-width:40.063em)
{
	.filter-dropdown
{
	padding:0
}


}

.filter-dropdown .title
{
	border:1px solid rgba(0,0,0,.08);
	background-color:#fff;
	font-size:16px;
	border-right:1px solid rgba(0,0,0,.08);
	border-left:1px solid rgba(0,0,0,.08);
	font-weight:400;
	color:#4b67ca;
	line-height:1.4;
	cursor:pointer;
	transition:background-color .1s ease-in;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	margin:0;
	padding:8px 10px;
	min-height:39px
}

.filter-dropdown .title.active,.filter-dropdown .title:hover
{
	color:#464646
}

.filter-dropdown .title:after
{
	font-family:olxicons;
	font-weight:400;
	content:"\F107";
	color:#969696;
	display:block;
	position:absolute;
	top:8px;
	right:16px
}

@media only screen and (min-width:40.063em)
{
	.filter-dropdown .title:after
{
	right:8px
}


}

.filter-dropdown ul
{
	background-color:#fff;
	border:1px solid rgba(0,0,0,.08);
	border-top:none;
	width:94%;
	max-height:250px;
	border-top:0;
	position:absolute;
	z-index:10;
	left:10px;
	overflow:auto
}

@media only screen and (min-width:40.063em)
{
	.filter-dropdown ul
{
	width:100%;
	left:0
}


}

.filter-dropdown ul li a
{
	font-size:16px;
	display:block;
	line-height:1.8em;
	padding:2px 10px;
	color:#a4a4a4
}

.filter-dropdown ul li a.active,.filter-dropdown ul li a:hover
{
	color:#4b67ca
}

.filter-dropdown ul li+li a
{
	border-top:1px solid #dedede
}

.filter-dropdown .active h3
{
	background:#4b67ca;
	color:#fff
}

.filter-dropdown .active h3:after
{
	color:#fff
}

.bump-your-ads
{
	outline:3px solid #4b67ca
}

.bump-your-ads:before
{
	font-size:12px;
	color:#4b67ca;
	content:"\E23\E32\E22\E01\E32\E23\E1B\E23\E30\E01\E32\E28\E02\E2D\E07\E04\E38\E13";
	display:block;
	position:absolute;
	letter-spacing:.5px;
	z-index:100;
	top:-22px;
	left:2px
}

@media only screen and (min-width:40.063em)
{
	.bump-your-ads:before
{
	left:-2px
}


}

.bump-your-ads.experiment-new:before
{
	display:none
}

.bump-your-ads.experiment-new .call-to-action-bump:before
{
	background-color:#4b67ca;
	font-size:12px;
	color:#4b67ca;
	content:"\E23\E32\E22\E01\E32\E23\E1B\E23\E30\E01\E32\E28\E02\E2D\E07\E04\E38\E13";
	display:block;
	position:absolute;
	letter-spacing:.5px;
	z-index:100;
	margin-top:-40px;
	color:#fff;
	padding:3px 5px;
	border-radius:3px
}

.bump-your-ads>.crow
{
	padding:0 0 0 112px
}

.bump-your-ads.member-ads-preview:hover
{
	box-shadow:0 13px 20px 3px rgba(0,0,0,.3)
}

@media (max-width:480px)
{
	.bump-your-ads.member-ads-preview
{
	margin:32px 3px 24px!important
}


}

.wrapper-header-active-ad
{
	background-color:#4b67ca;
	position:absolute;
	left:0;
	right:0;
	top:0
}

@media only screen and (min-width:40.063em)
{
	.wrapper-header-active-ad
{
	display:inline-block;
	padding:8px
}


}

.wrapper-header-active-ad h2
{
	max-width:none!important;
	color:#fff!important;
	word-wrap:break-word;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}

@media only screen and (min-width:40.063em)
{
	.wrapper-header-active-ad h2
{
	margin-left:-8px
}


}

.wrapper-header-active-ad .label-price
{
	background-color:#fff;
	color:#f70;
	padding:0 2px;
	line-height:normal;
	display:none
}

@media only screen and (min-width:40.063em)
{
	.wrapper-header-active-ad .label-price
{
	display:inline-block
}


}

.call-to-action-bump
{
	padding:21px 5px 0 0
}

@media only screen and (min-width:40.063em)
{
	.call-to-action-bump
{
	float:right;
	padding:0 8px;
	max-width:255px;
	border-left:1px solid #eee
}


}

.call-to-action-bump>span
{
	font-size:12px;
	display:block;
	color:#464646
}

@media only screen and (min-width:40.063em)
{
	.call-to-action-bump>span
{
	font-size:14px
}


}

.call-to-action-bump .btn-bump-ad
{
	margin:5px 0 0
}

.ad-paged
{
	position:absolute;
	left:88px
}

@media only screen and (min-width:40.063em)
{
	.ad-paged
{
	left:150px
}


}

.ad-paged>p
{
	padding-left:30px;
	color:#979797
}

.ad-paged>p:before
{
	content:" ";
	display:block;
	width:24px;
	height:24px;
	position:absolute;
	margin-left:-30px;
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/ico-position.svg);
	background-repeat:no-repeat;
	background-size:20px;
	background-position:2px 8px
}

.scd-bump
{
	height:24px
}

.scd-bump .scd-bump-header
{
	font-size:.875em;
	padding-left:18px;
	color:#9b9b9b;
	margin-bottom:4px;
	background-size:16px;
	background-position:0 11px
}

@media only screen and (min-width:48em) and (max-width:64em)
{
	.scd-bump .scd-bump-header
{
	background-position:0 4px
}


}

@media only screen and (min-width:64.063em)
{
	.scd-bump .scd-bump-header
{
	background-position:0 4px
}


}

.scd-bump .scd-bump-list
{
	list-style:none;
	padding:4px 0
}

@media only screen and (min-width:48em) and (max-width:64em)
{
	.scd-bump .scd-bump-list
{
	background-color:#fff;
	border:1px solid #e4e4e4;
	padding:0
}


}

@media only screen and (min-width:64.063em)
{
	.scd-bump .scd-bump-list
{
	background-color:#fff;
	border:1px solid #e4e4e4;
	border-radius:4px;
	font-size:.875em;
	line-height:24px;
	padding:0
}


}

.scd-bump .scd-bump-list>li
{
	border:none;
	display:inline-block;
	text-align:center;
	width:15%;
	line-height:30px;
	padding:2px 0;
	margin-bottom:0;
	position:relative
}

.scd-bump .scd-bump-list>li:first-child
{
	width:37%;
	padding-left:4px;
	margin-left:4px
}

@media only screen and (min-width:64.063em)
{
	.scd-bump .scd-bump-list>li:first-child
{
	display:none;
	padding-right:8px;
	padding-left:0;
	margin-left:0
}


}

@media only screen and (min-width:48em) and (max-width:64em)
{
	.scd-bump .scd-bump-list>li:first-child
{
	display:none
}


}

.scd-bump .scd-bump-list>li.active
{
	background-color:#00c977;
	border-radius:4px
}

@media only screen and (min-width:48em) and (max-width:64em)
{
	.scd-bump .scd-bump-list>li.active
{
	border-radius:initial
}


}

.scd-bump .scd-bump-list>li.active:after
{
	display:none
}

@media only screen and (min-width:64.063em)
{
	.scd-bump .scd-bump-list>li
{
	width:68px;
	line-height:inherit;
	padding:0
}

.scd-bump .scd-bump-list>li.active
{
	border-radius:initial
}


}

@media only screen and (min-width:48em) and (max-width:64em)
{
	.scd-bump .scd-bump-list>li
{
	line-height:20px;
	width:25%
}


}

.scd-bump .scd-bump-list>li:after
{
	content:" ";
	display:block;
	width:1px;
	margin-top:3px;
	margin-bottom:3px;
	position:absolute;
	right:0;
	top:0;
	bottom:0;
	background-color:#e4e4e4
}

.scd-bump .scd-bump-list>li:last-child:after
{
	display:none
}

.scd-bump .scd-bump-list .scd-egg
{
	display:block;
	color:#9b9b9b;
	font-size:.8125em
}

.scd-bump .scd-bump-list .scd-egg.bg-icon-coin
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/egg_menu_ac.svg);
	background-size:12px;
	margin-left:5px;
	background-position:0 9px
}

@media only screen and (min-width:48em) and (max-width:64em)
{
	.scd-bump .scd-bump-list .scd-egg.bg-icon-coin
{
	background-position:0 4px
}


}

@media only screen and (min-width:64.063em)
{
	.scd-bump .scd-bump-list .scd-egg.bg-icon-coin
{
	margin-left:18px;
	background-position:0 5px
}


}

.scd-bump .scd-bump-list .scd-egg.bg-icon-coin.active
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/KDegg.png);
	color:#fff
}

@media only screen and (min-width:64.063em)
{
	.scd-bump .scd-bump-list .scd-egg.bg-icon-coin.active
{
	margin-left:18px;
	background-position:0 5px
}


}

.scd-bump .scd-title
{
	color:#00c977;
	font-weight:700;
	font-size:.875em
}

.scd-bump .scd-title.active
{
	color:#fff
}

@media only screen and (min-width:64.063em)
{
	.scd-bump .scd-title
{
	font-size:1em
}


}

.scd-bump .scd-egg
{
	display:block;
	color:#9b9b9b;
	font-size:.8125em
}

.scd-bump .scd-egg.bg-icon-coin
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/egg_menu_ac.svg);
	background-size:12px;
	margin-left:5px;
	background-position:0 9px
}

@media only screen and (min-width:48em) and (max-width:64em)
{
	.scd-bump .scd-egg.bg-icon-coin
{
	background-position:0 4px
}


}

@media only screen and (min-width:64.063em)
{
	.scd-bump .scd-egg.bg-icon-coin
{
	margin-left:18px;
	background-position:0 5px
}


}

.scd-bump .scd-egg.bg-icon-coin.active
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/KDegg.png);
	color:#fff
}

@media only screen and (min-width:64.063em)
{
	.scd-bump .scd-egg.bg-icon-coin.active
{
	margin-left:18px;
	background-position:0 5px
}


}

.scd-bump .bg-icon-dashboard
{
	width:65px;
	position:absolute;
	padding-left:10px;
	text-align:center;
	background-position:0 4px;
	color:#4b67ca;
	cursor:pointer
}

@media only screen and (min-width:40.063em)
{
	.scd-bump .bg-icon-dashboard
{
	left:90px
}


}

.owner-ads-list li.selected
{
	background:rgba(88,144,255,.1)!important
}

.owner-ads-list li.selected:before
{
	display:none
}

.status-timebump
{
	margin-top:-10px;
	line-height:14px
}

.component-timebump .promote-bump-body
{
	min-height:300px
}

@media only screen and (min-width:40.063em)
{
	.component-timebump .promote-bump-body
{
	min-height:400px
}


}

.component-timebump .component-footer
{
	left:0;
	right:0;
	bottom:0
}

.component-timebump .SingleDatePicker
{
	padding:8px 0;
	display:block
}

.component-timebump .SingleDatePicker .SingleDatePickerInput
{
	border:none;
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/calendar-icon.svg);
	background-repeat:no-repeat;
	background-position:96% 10px;
	background-size:16px
}

.component-timebump .SingleDatePicker .DateInput__display-text--focused
{
	background-color:transparent;
	color:#464646
}

.component-timebump .SingleDatePicker .DayPickerNavigation__next,.component-timebump .SingleDatePicker .DayPickerNavigation__prev
{
	width:auto
}

.component-timebump .SingleDatePicker .DayPickerKeyboardShortcuts__show,.component-timebump .SingleDatePicker .SingleDatePickerInput__clear-date
{
	display:none
}

.component-timebump .SingleDatePicker .DateInput
{
	font-size:14px;
	padding:2px;
	border:1px solid #c8c8c8;
	background-color:transparent;
	display:block;
	width:auto
}

.component-timebump .SingleDatePicker .SingleDatePicker__picker
{
	top:50px
}

.component-timebump .SingleDatePicker .DateInput--with-caret:before
{
	border-bottom-color:rgba(0,0,0,.5)
}

.component-timebump .SingleDatePicker .DateInput--with-caret:after,.component-timebump .SingleDatePicker .DateInput--with-caret:before
{
	top:31px
}

.component-timebump #select-timebump
{
	z-index:0
}

.component-timebump #select-timebump>.select-option
{
	max-width:95px
}

.package-coin-list .summary-package-list
{
	display:inline-block;
	vertical-align:sub
}

.package-coin-list .notice
{
	font-size:12px;
	margin:8px;
	color:#7b7b7b
}

@media only screen and (min-width:40.063em)
{
	.package-coin-list .notice
{
	margin:16px 0 0
}


}

.package-coin-list .package-price-btn
{
	display:inline-block;
	float:left;
	color:#fff;
	background-color:#00c977;
	min-width:86px;
	text-align:center;
	border-radius:4px;
	cursor:pointer;
	margin-right:8px;
	font-size:14px;
	padding:5px 0
}

@media only screen and (min-width:40.063em)
{
	.package-coin-list .package-price-btn
{
	margin-right:10px;
	min-width:104px;
	margin-right:0
}


}

@media only screen and (min-width:1200px)
{
	.package-coin-list .package-price-btn
{
	min-width:110px
}


}

.package-coin-list ul
{
	list-style:none;
	overflow-y:auto
}

@media only screen and (min-width:40.063em)
{
	.package-coin-list ul
{
	height:auto;
	max-height:none
}


}

.package-coin-list ul li
{
	background-color:#fff;
	border-top:1px solid #dedede;
	padding:4px 8px;
	font-size:14px;
	transition:.3s;
	position:relative
}

@media only screen and (min-width:40.063em)
{
	.package-coin-list ul li
{
	padding:8px
}


}

.package-coin-list ul li:hover
{
	background-color:#f3f3f3
}

.package-coin-list ul li:last-of-type
{
	border-bottom:1px solid #dedede
}

.package-coin-list ul li strong .bg-icon-coin
{
	background-position:1px;
	padding-left:24px;
	background-size:16px;
	margin-left:10px
}

.package-coin-list ul li strong small
{
	font-size:14px;
	color:#5890ff
}

.title-package
{
	font-size:16px;
	color:#464646;
	display:block;
	padding:8px 0 0
}

@media only screen and (min-width:40.063em)
{
	.title-package
{
	font-size:18px;
	padding:16px 0
}


}

@media only screen and (min-width:40.063em)
{
	.member-topup .type-popup-product-page .summary-package-list
{
	margin-left:30%
}


}

.member-topup .package-coin-list ul
{
	overflow:visible
}

.member-topup .package-coin-list ul li:first-child
{
	border-top:none
}

@media only screen and (min-width:40.063em)
{
	.member-topup .package-price-btn,.member-topup ul li
{
	font-size:16px
}


}

.member-topup .cash-card-header
{
	background-color:transparent
}

.type-popup-product-page
{
	margin-left:0
}

.type-popup-product-page .2500,.type-popup-product-page .5000,.type-popup-product-page .200000,.type-popup-product-page .tooltip
{
	display:none
}

#package-price-20000
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/new@3x.png);
	background-repeat:no-repeat;
	background-size:32px;
	padding:16px 8px;
	border-radius:2px;
	border:1px solid #f70;
	margin-bottom:24px
}

#package-price-20000 small
{
	color:#d33434
}

.more-info-package
{
	display:none
}

@media only screen and (min-width:1200px)
{
	.more-info-package
{
	position:absolute;
	max-width:115px;
	display:block;
	font-size:12px;
	text-align:right;
	font-weight:700;
	line-height:1.4;
	top:50%;
	right:8px;
	margin-top:-16px;
	z-index:300
}

.more-info-package .more-info
{
	color:#4b67ca
}


}

#toggle-tip-content
{
	position:absolute;
	top:-10px;
	right:9999px;
	width:270px;
	margin-right:-265px;
	padding:16px;
	border-radius:3px;
	background:#fbf296;
	cursor:default;
	opacity:0;
	transition:opacity .25s ease-out
}

#toggle-tip-content p
{
	font-size:13px;
	margin-top:0
}

#toggle-tip-content:before
{
	content:"";
	position:absolute;
	top:28px;
	left:-24px;
	width:0;
	height:0;
	margin-top:-8px;
	border:12px solid transparent;
	border-right-color:#fbf296
}

#toggle-tip-content:not(.tip-content)
{
	right:-20px;
	opacity:1
}

.active-listing-view .member-ads-list
{
	padding:8px
}

.active-listing-view .member-ads-list>li
{
	background-color:#fff;
	width:100%!important;
	margin-right:0!important;
	margin-left:0!important;
	margin-bottom:8px;
	box-shadow:1px 1px 2px 1px hsla(0,0%,59%,.05)
}

.active-listing-view .member-ads-list>li .ads-meta h2
{
	max-width:none;
	padding-right:24px
}

@media only screen and (min-width:40.063em)
{
	.active-listing-view .member-ads-list>li>a
{
	height:128px!important;
	padding-left:204px!important;
	min-height:0
}


}

.active-listing-view .member-ads-list>li .ads-thumbnail
{
	background-color:#eee;
	left:0;
	position:absolute;
	overflow:hidden
}

@media only screen and (min-width:40.063em)
{
	.active-listing-view .member-ads-list>li .ads-thumbnail
{
	width:185px!important;
	height:128px!important
}


}

.active-listing-view .member-ads-list>li.member-ads-preview .ads-meta.col
{
	float:none!important;
	padding:0!important;
	overflow:hidden
}

.active-listing-view .member-ads-list>li .ad-price
{
	font-size:18px;
	font-weight:700
}

.active-listing-view .member-ads-list>li .featured-ad .ads-thumbnail,.active-listing-view .member-ads-list>li.member-ads-preview.featured-ad
{
	background-color:#faf2c6!important
}

.active-listing-view .member-ads-list>li.member-ads-preview.featured-ad+li
{
	border-top:1px solid #d8cfa0
}

@media only screen and (min-width:40.063em)
{
	.active-listing-view .member-ads-list>li .ads-thumbnail img
{
	width:auto;
	max-width:100%;
	left:0
}


}

.experiments-new-feature
{
	background-color:#f9f9f9;
	border:1px solid #f4f4f4;
	position:absolute;
	border-radius:2px;
	z-index:2;
	right:8px;
	bottom:8px;
	text-align:center;
	z-index:3000
}

@media (max-width:480px)
{
	.experiments-new-feature
{
	top:auto;
	bottom:5px
}


}

.experiments-new-feature:hover
{
	border-color:#e0e0e0
}

.experiments-new-feature>.service-bump-info
{
	font-size:12px;
	color:#c9c9c9;
	display:block;
	padding:2px 4px;
	letter-spacing:1px;
	font-weight:100
}

.experiments-new-feature .icon-info-service
{
	height:13px;
	opacity:.5;
	vertical-align:-2px
}

.experiments-data-feature-list
{
	margin:0;
	padding:16px 0;
	list-style-type:none
}

.experiments-data-feature-list .feature-list
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/chat_list_buyer_none@2x.png);
	display:inline-block;
	height:16px;
	width:16px;
	margin:0 8px 0 0;
	background-position:0 0;
	vertical-align:top;
	background-size:16px 16px;
	opacity:.8
}

.experiments-no-ad
{
	text-align:center;
	padding:6rem 0
}

.experiments-no-ad img
{
	max-width:138px;
	margin-bottom:8px
}

.experiments-no-ad .target-link-to-category,.experiments-no-ad p
{
	max-width:470px;
	margin:auto
}

.experiments-no-ad .button-green
{
	max-width:320px;
	display:block;
	margin:8px auto
}

body:not(.home) .has-banner-event .banner-event
{
	display:none
}

.home .has-banner-event #header
{
	position:relative
}

@media only screen and (min-width:320px) and (max-width:40.063em) and (orientation:portrait)
{
	.home .has-banner-event #buy-sell-container
{
	padding-top:40px
}


}

.home .banner-event
{
	background-color:#fff;
	display:block;
	text-align:center
}

.df-icon-map-marker:before,.experiment-feed
{
	display:none
}

@media only screen and (min-device-width:320px) and (max-device-width:768px) and (orientation:landscape)
{
	#endless-container .ads-thumbnail
{
	background-color:#333
}


}

@media only screen and (min-device-width:320px) and (max-device-width:667px) and (orientation:portrait)
{
	.listing
{
	background-color:#eee!important
}

.listing #app-inner .experiment-feed
{
	display:block;
	margin-bottom:0
}

.listing #app-inner .experiments-hide
{
	display:none
}

.listing #app-inner .component-feed-contact
{
	position:relative;
	-webkit-box-ordinal-group:4;
	-ms-flex-order:3;
	order:3;
	width:100%;
	overflow:auto
}

.listing #app-inner .box-ft
{
	bottom:auto;
	top:8px;
	color:#f70;
	border-color:#f70
}

.listing #app-inner .member-ads-preview
{
	background-color:#fff;
	box-shadow:1px 1px 2px 1px hsla(0,0%,59%,.05);
	margin-bottom:8px;
	transition:all .3ms
}

.listing #app-inner .member-ads-preview:hover
{
	box-shadow:0 0 15px rgba(0,0,0,.1)
}

.listing #app-inner .crow:not(.clear)
{
	height:auto;
	padding-left:0;
	overflow:hidden;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-ms-flex-flow:row wrap;
	flex-flow:row wrap;
	box-shadow:0 1px 3px 0 rgba(0,0,0,.2);
	overflow:auto
}

.listing #app-inner h2
{
	font-size:14px;
	color:#222;
	font-weight:400;
	white-space:nowrap;
	text-overflow:ellipsis
}

.listing #app-inner .ad-price
{
	font-weight:400
}

.listing #app-inner .item-location
{
	font-size:12px
}

.listing #app-inner .df-icon-map-marker:before
{
	vertical-align:0
}

.listing #app-inner .owner-ads-list .ads-meta
{
	padding:10px 16px 8px;
	width:100%
}

.listing #app-inner .ads-thumbnail
{
	background-color:#222;
	position:static;
	overflow:hidden;
	width:100%;
	height:200px;
	max-height:200px;
	float:none;
	clear:both;
	text-align:center;
	position:relative;
	-webkit-box-ordinal-group:3;
	-ms-flex-order:2;
	order:2
}

.listing #app-inner .ads-thumbnail:after
{
	content:"";
	display:none;
	position:absolute;
	bottom:0;
	width:100%;
	opacity:.8;
	background-image:linear-gradient(180deg,transparent 0,#000);
	height:70px
}

.listing #app-inner .ads-thumbnail img
{
	position:absolute;
	margin:auto
}

.display-name-seller
{
	line-height:20px;
	max-width:200px;
	max-height:20px;
	overflow:hidden;
	text-overflow:ellipsis;
	font-size:12px
}

.display-name-seller,.item-location.item-location-feed
{
	background-repeat:no-repeat;
	background-position:top;
	background-position:0;
	background-size:12px
}

.item-location.item-location-feed
{
	line-height:20px!important
}


}

.tooltip-bottom
{
	z-index:9;
	left:0;
	overflow:visible;
	max-width:260px;
	margin:0;
	padding:8px;
	border:1px solid #e9eaec;
	border-radius:3px;
	background:#fff;
	box-shadow:1px 1px 3px rgba(34,34,34,.2);
	top:74px
}

.tooltip-bottom:before
{
	border-right:10px solid transparent;
	border-bottom:10px solid #999;
	border-left:10px solid transparent;
	top:-.6em;
	left:.97em
}

.tooltip-bottom:after,.tooltip-bottom:before
{
	display:block;
	width:0;
	height:0;
	content:"";
	pointer-events:none;
	position:absolute
}

.tooltip-bottom:after
{
	border-right:12px solid transparent;
	border-bottom:12px solid #fff;
	border-left:12px solid transparent;
	top:-.7em;
	left:.9em
}

@media only screen and (min-width:320px) and (max-width:40.063em) and (orientation:portrait)
{
	.component-update-profile.tooltip-bottom
{
	top:134px;
	left:20px
}


}

.component-update-profile .profile-image
{
	display:none!important
}

.component-update-profile .avatar
{
	min-height:0!important;
	height:0!important
}

.component-update-profile .avatar-section,.component-update-profile .text-avatar
{
	position:static!important;
	text-align:left!important
}

.component-update-profile .text-avatar
{
	padding-top:4px;
	margin-top:8px
}

.component-update-profile .text-avatar:before
{
	content:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/photo-icon.svg);
	display:inline-block;
	margin-right:4px;
	vertical-align:middle
}

.component-update-profile .close-modal:before
{
	font-size:14px
}

.main-wrapper-cashcard
{
	position:relative;
	margin-bottom:32px
}

.cashcard-container h1
{
	font-size:24px;
	color:#464646;
	padding:20px 0 10px;
	margin-bottom:10px
}

.cashcard-container:after,.cashcard-container:before
{
	display:block;
	content:"";
	clear:both
}

.select-cashcard-option
{
	display:inline-block;
	cursor:pointer;
	height:20px;
	color:#666560;
	display:none
}

.select-cashcard-option:before
{
	border-radius:100%;
	content:"";
	display:inline-block;
	position:absolute;
	width:16px;
	height:16px;
	left:0;
	top:2px;
	border:1px solid #4b67ca;
	background-color:#fff
}

.select-cashcard-option:after
{
	border-radius:100%;
	content:"";
	display:inline-block;
	position:absolute;
	background-color:#4b67ca;
	width:10px;
	height:10px;
	left:3px;
	top:5px;
	-webkit-transform:scale(0);
	transform:scale(0);
	transition:-webkit-transform .2s ease-in-out;
	transition:transform .2s ease-in-out;
	transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out
}

@media only screen and (min-width:40.063em)
{
	.select-cashcard-option
{
	display:block;
	position:absolute;
	top:50%;
	margin-top:-10px;
	margin-left:25px
}


}

.action-checkbox:checked+.select-cashcard-option:before
{
	border-color:#4b67ca
}

.action-checkbox:checked+.select-cashcard-option:after
{
	-webkit-transform:scale(1);
	transform:scale(1)
}

.wrapper-cashcard
{
	background-color:#fff;
	border:1px solid #e4e4e4
}

.wrapper-cashcard:after,.wrapper-cashcard:before
{
	display:block;
	content:"";
	clear:both
}

@media only screen and (min-width:40.063em)
{
	.wrapper-cashcard
{
	width:70%
}


}

@media only screen and (min-width:48em) and (max-width:64em)
{
	.wrapper-cashcard
{
	min-height:305px;
	width:74%
}


}

.wrapper-cashcard ul
{
	list-style-type:none;
	padding:0;
	margin:0
}

@media only screen and (min-width:40.063em)
{
	.wrapper-cashcard ul
{
	width:200px;
	border-right:1px solid #e4e4e4;
	float:left
}


}

.wrapper-cashcard li
{
	position:relative;
	border-bottom:1px solid #e4e4e4;
	height:54px
}

.wrapper-cashcard li:last-child
{
	border-bottom:none
}

.wrapper-cashcard li:before
{
	font-family:olxicons;
	content:"\F105";
	display:block;
	position:absolute;
	font-weight:400;
	top:50%;
	right:10px;
	font-size:1em;
	color:#dadada;
	margin-top:-12px
}

@media only screen and (min-width:40.063em)
{
	.wrapper-cashcard li
{
	background-color:#f8f8f8;
	height:96px
}

.wrapper-cashcard li:before
{
	display:none
}


}

.wrapper-cashcard li:hover
{
	background-color:#fff
}

.wrapper-cashcard .cash-icon
{
	width:72px;
	margin-top:8px;
	margin-left:24px
}

@media only screen and (min-width:40.063em)
{
	.wrapper-cashcard .cash-icon
{
	margin:0
}


}

.action-checkbox
{
	position:absolute;
	width:100%;
	top:0;
	height:100%;
	z-index:100;
	cursor:pointer;
	opacity:0
}

.selected-cashcard
{
	position:relative;
	background-color:#fff!important;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}

@media only screen and (min-width:40.063em)
{
	.selected-cashcard:after
{
	display:block;
	height:35px;
	width:35px;
	position:absolute;
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/active-tab.svg);
	top:50%;
	right:-16px;
	margin-top:-17.5px;
	content:""
}


}

.type-cashcard
{
	color:#464646
}

@media only screen and (min-width:40.063em)
{
	.type-cashcard
{
	padding-left:80px;
	height:100%;
	position:absolute;
	left:0;
	right:0
}


}

@media only screen and (min-width:40.063em)
{
	.type-cashcard>span
{
	height:65px;
	position:absolute;
	top:50%;
	margin-top:-32.25px
}


}

.name-cashcard
{
	font-size:14px;
	position:absolute;
	width:180px;
	text-align:left;
	right:0;
	line-height:54px;
	color:#4b67ca
}

@media only screen and (min-width:40.063em)
{
	.name-cashcard
{
	width:auto;
	position:static;
	line-height:normal;
	display:block;
	padding-top:8px;
	color:#464646
}


}

.cashcard-form
{
	overflow:hidden;
	margin:auto;
	background-color:#fff;
	padding:16px 0
}

@media only screen and (min-width:40.063em)
{
	.cashcard-form
{
	background-color:transparent;
	float:left;
	text-align:center;
	padding:32px 0 0
}


}

@media only screen and (min-width:48em) and (max-width:64em)
{
	.cashcard-form
{
	background-color:transparent
}


}

.cashcard-content
{
	margin:auto;
	max-width:285px
}

@media only screen and (min-width:40.063em)
{
	.cashcard-content
{
	text-align:left;
	max-width:none
}


}

.cashcard-content>.title
{
	font-size:14px;
	margin:0 0 8px
}

@media only screen and (min-width:40.063em)
{
	.cashcard-content>.title
{
	margin:0 0 32px
}


}

.wrapper-code-cashcard
{
	max-width:320px
}

@media only screen and (min-width:40.063em)
{
	.wrapper-code-cashcard
{
	max-width:260px
}


}

@media only screen and (min-width:48em) and (max-width:64em)
{
	.wrapper-code-cashcard
{
	max-width:280px
}


}

.detail-package-cashcard
{
	background-color:#f9f9f9;
	text-align:center;
	margin:16px;
	padding:0 16px 16px
}

@media only screen and (min-width:40.063em)
{
	.detail-package-cashcard
{
	background-color:#fff;
	border:1px solid #dedede;
	width:275px;
	padding:16px 32px;
	position:absolute;
	top:0;
	right:0;
	min-height:288px;
	text-align:left;
	margin:0
}


}

@media only screen and (min-width:48em) and (max-width:64em)
{
	.detail-package-cashcard
{
	width:200px;
	padding:16px
}


}

.detail-package-cashcard .title
{
	font-size:16px;
	margin:0 0 16px;
	padding-top:16px
}

@media only screen and (min-width:40.063em)
{
	.detail-package-cashcard .title
{
	padding-top:0
}


}

.detail-package-cashcard .sub-title
{
	color:#4b67ca;
	margin:0 0 5px
}

.package-list
{
	font-size:14px;
	margin:0 0 5px
}

.empty-strage
{
	background-color:#fff;
	padding:16px;
	text-align:center;
	margin-top:8px
}

@media only screen and (min-width:40.063em)
{
	.empty-strage
{
	background-color:transparent;
	padding:0;
	text-align:left
}


}

@media only screen and (min-width:48em) and (max-width:64em)
{
	.empty-strage .title
{
	margin-bottom:0
}


}

.empty-strage .title,.title-empty
{
	font-size:14px;
	font-weight:700
}

.title-empty
{
	text-align:center;
	margin:8px
}

.group-panel-function:after,.group-panel-function:before
{
	display:block;
	content:"";
	clear:both
}

@media only screen and (min-width:40.063em)
{
	.group-panel-function
{
	display:block;
	position:absolute;
	top:0;
	padding-left:288px;
	left:0;
	right:0
}


}

@media only screen and (min-width:48em) and (max-width:64em)
{
	.group-panel-function
{
	padding-left:220px
}


}

.group-panel-function .button-green
{
	margin-top:16px
}

.title-label
{
	font-size:14px;
	color:#9b9b9b;
	display:inline-block;
	padding-bottom:8px
}

.cash-card-topup
{
	clear:both
}

.cash-card-topup:after,.cash-card-topup:before
{
	display:block;
	content:"";
	clear:both
}

.cash-card-topup .cash-card-content
{
	background-color:#fff;
	height:80px;
	border-top:1px solid #dedede;
	border-bottom:1px solid #dedede;
	transition:.3s
}

.cash-card-topup .cash-card-content:hover
{
	background-color:#f3f3f3
}

.cash-card-topup .cash-card-title
{
	display:inline-block;
	vertical-align:baseline;
	line-height:25px;
	padding:0 12px
}

@media only screen and (min-width:40.063em)
{
	.cash-card-topup .cash-card-title
{
	height:80px;
	width:45.5%
}


}

.cash-card-topup .cash-card-title span
{
	padding:5px 8px;
	background-color:#00c977;
	border-radius:3px;
	color:#fff;
	cursor:pointer
}

@media only screen and (min-width:40.063em)
{
	.cash-card-topup .cash-card-title span
{
	padding:5px 15px
}


}

.cash-card-topup .cash-card-image
{
	display:inline-block;
	padding-top:10px
}

.cash-card-topup .cash-card-image span:first-of-type
{
	display:block;
	padding-left:22px
}

.cash-card-topup .cash-card-image span:first-of-type.bg-icon-coin
{
	background-size:16px;
	background-position:0
}

.cash-card-topup .cash-card-image span:nth-of-type(2),.cash-card-topup .cash-card-image span:nth-of-type(3),.cash-card-topup .cash-card-image span:nth-of-type(4)
{
	padding-right:4px
}

.cash-card-topup .cash-card-image img
{
	width:40px
}

.cash-card-header
{
	font-size:18px;
	color:#464646;
	display:block;
	padding:8px;
	font-weight:700;
	background-color:#fff
}

.wrapper-invoice
{
	text-align:left;
	margin:auto;
	padding:0 16px
}

.wrapper-invoice .title
{
	margin:0
}

.wrapper-invoice td
{
	line-height:20px
}

.wrapper-invoice .data-invoice
{
	padding-left:64px;
	font-weight:700
}

.wrapper-invoice .date-time
{
	font-size:12px;
	opacity:.8;
	font-weight:100
}

@media only screen and (min-width:64.063em)
{
	.ad_rec.google-adv>div>div
{
	max-width:300px;
	position:absolute;
	z-index:2;
	top:56px;
	right:17px
}


}

.google-adv-sky
{
	display:none;
	min-width:160px;
	min-height:600px;
	position:fixed;
	right:8px;
	top:8px
}

@media screen and (min-width:1270px)
{
	.google-adv-sky
{
	display:block
}


}

@media only screen and (min-width:90.063em)
{
	.google-adv-sky
{
	right:8%
}


}

@media screen and (min-width:1900px)
{
	.google-adv-sky
{
	right:15%
}


}

@media only screen and (min-width:40.063em)
{
	#endless-container li.item-dfp-ad
{
	min-height:180px
}


}

@media only screen and (min-width:64.063em)
{
	#endless-container li.item-dfp-ad
{
	min-height:250px
}


}

@media only screen and (min-width:40.063em)
{
	#endless-container li.item-dfp-ad::empty
{
	display:none
}


}

.item-native-ad
{
	background-color:#fff;
	box-shadow:1px 1px 2px 1px hsla(0,0%,59%,.05);
	margin-bottom:8px
}

.icon-about-native-ad
{
	font-size:12px;
	display:block;
	color:#9b9b9b;
	line-height:12px;
	vertical-align:middle;
	cursor:pointer
}

#app-inner .wrapper-item-native-ad
{
	padding:8px 0 0
}

#app-inner .wrapper-item-native-ad .title
{
	font-size:18px;
	padding:0;
	margin:0
}

#app-inner .native-ad-more-info
{
	left:8px
}

#app-inner .description
{
	font-size:14px;
	margin:0 0 8px;
	position:relative;
	color:#777
}

#app-inner .description-text
{
	padding-right:84px;
	line-height:20px
}

#app-inner .action-button
{
	font-size:14px;
	color:#27c160;
	border:1px solid #27c160;
	border-radius:2px;
	display:inline-block;
	float:right;
	text-align:center;
	position:absolute;
	right:0;
	padding:4px 6px;
	bottom:0
}

#app-inner .wraper-full-banner
{
	min-height:112px
}

#app-inner .native-ad-more-info-full-ad
{
	margin:0 16px;
	height:44px;
	color:#7b7b7b
}

#app-inner .title-brand
{
	font-size:14px
}

#app-inner .native-ad-detail
{
	position:relative;
	margin:0 16px
}

#app-inner .native-ad-brand
{
	width:35px;
	height:35px;
	border-radius:100%;
	display:inline-block;
	padding:5px;
	border:1px solid #979797;
	text-align:center;
	overflow:hidden;
	float:left;
	margin-right:8px
}

#app-inner .native-ad-brand img
{
	display:block
}

@media only screen and (min-width:320px) and (max-width:40.063em) and (orientation:portrait)
{
	.category #launcher,.chat #launcher,.listing #launcher,.member #launcher,.payment #launcher,.product #launcher
{
	display:none
}


}

@media only screen and (min-width:320px) and (max-width:40.063em) and (orientation:landscape)
{
	.category #launcher,.chat #launcher,.listing #launcher,.member #launcher,.payment #launcher,.product #launcher
{
	display:none
}


}

.chat #launcher,body.phone.cart #launcher,body.phone.cart .download-apps
{
	display:none!important
}

div[class*=google-adv]
{
	text-align:center
}

.google-adv
{
	margin-bottom:20px
}

.direct_ad,.google-adv.dt_list_native,.google-adv.ta_list_native
{
	margin-bottom:0
}

.direct_ad
{
	margin-top:10px
}

.kd-adsense-cont
{
	max-width:960px;
	margin:20px auto 0
}

.adsense-top
{
	padding-top:8px
}

@media only screen and (min-width:40.063em)
{
	.adsense-top
{
	padding-top:0
}


}

.list_lbt
{
	text-align:center
}

.google-adv-m
{
	margin-bottom:8px
}

.google-adv-d
{
	margin-top:16px
}

.app-no-dl
{
	color:#fff;
	font-size:160%;
	position:absolute;
	right:0;
	top:0;
	padding:0 8px
}

@-webkit-keyframes LoadingPre
{
	0%
{
	opacity:0
}

70%
{
	opacity:0
}

to
{
	opacity:1
}


}

@keyframes LoadingPre
{
	0%
{
	opacity:0
}

70%
{
	opacity:0
}

to
{
	opacity:1
}


}

@-webkit-keyframes placeHolderFigure
{
	0%
{
	background-position:-468px 0
}

to
{
	background-position:468px 0
}


}

@keyframes placeHolderFigure
{
	0%
{
	background-position:-468px 0
}

to
{
	background-position:468px 0
}


}

body.pace-running .member-ads-list li>a>*,body.pace-running .member-ads-list li>span,body.pace-running .member-ads-list li figure img
{
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-iteration-count:1;
	animation-iteration-count:1;
	-webkit-animation-timing-function:linear;
	animation-timing-function:linear
}

body.pace-running .member-ads-list li>span
{
	-webkit-animation-duration:3s;
	animation-duration:3s
}

body.pace-running .member-ads-list li>a .ad-price,body.pace-running .member-ads-list li>a .item-location,body.pace-running .member-ads-list li>a figure img,body.pace-running .member-ads-list li>a h2,body.pace-running .member-ads-list li>span
{
	-webkit-animation-name:LoadingPre;
	animation-name:LoadingPre
}

body.pace-running .member-ads-list li>a figure
{
	-webkit-animation-duration:.7s;
	animation-duration:.7s;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-iteration-count:7;
	animation-iteration-count:7;
	-webkit-animation-name:placeHolderFigure;
	animation-name:placeHolderFigure;
	-webkit-animation-timing-function:linear;
	animation-timing-function:linear;
	background:#f6f7f8;
	background:linear-gradient(90deg,#eee 8%,#ddd 18%,#eee 33%);
	background-size:800px 104px
}

body.pace-running .member-ads-list li>a figure img
{
	-webkit-animation-duration:1.5s;
	animation-duration:1.5s
}

body.pace-running .member-ads-list li>a h2
{
	-webkit-animation-duration:.5s;
	animation-duration:.5s
}

body.pace-running .member-ads-list li>a .ad-price,body.pace-running .member-ads-list li>a .item-location
{
	-webkit-animation-duration:1s;
	animation-duration:1s
}

.grid:after,.grid:before
{
	display:block;
	content:"";
	clear:both
}

@media only screen and (min-width:40.063em)
{
	.grid
{
	margin-left:-10px;
	margin-right:-10px
}


}

@media only screen and (min-width:40.063em)
{
	.grid [class*=col-]
{
	float:left;
	padding:0 10px
}


}

@media only screen and (min-width:40.063em)
{
	.grid .col-4
{
	width:33.33333%
}


}

@media only screen and (min-width:40.063em)
{
	.grid .col-6
{
	width:50%
}


}

.grid .col-full
{
	width:100%
}

.grid .col-half-mobile
{
	width:50%;
	float:left;
	padding:0 10px
}

.attr-block
{
	display:block
}

.attr-inline-block,.attr-middle
{
	display:inline-block
}

.attr-middle
{
	vertical-align:middle
}

.text-left
{
	text-align:left
}

.text-center
{
	text-align:center
}

.text-right
{
	text-align:right
}

#logo
{
	padding-left:52px;
	position:absolute
}

@media only screen and (min-width:64.063em)
{
	#logo:after
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/icon-ribbon.png);
	height:42px;
	display:inline-block;
	content:"";
	width:20px;
	background-size:18px;
	background-repeat:no-repeat;
	position:absolute;
	top:18px;
	left:120px
}


}

@media only screen and (min-width:40.063em)
{
	#logo
{
	top:0;
	padding-left:0
}


}

#logo a
{
	display:block;
	height:40px;
	width:63px;
	background:transparent url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/Kaidee-logo-300.png) no-repeat;
	background-size:60px;
	background-position:left 11px;
	text-indent:-9999px
}

@media screen and (min-width:360px)
{
	#logo a
{
	width:90px;
	background-size:82px;
	background-position:left 8px
}


}

@media only screen and (min-width:40.063em)
{
	#logo a
{
	width:110px;
	height:62px;
	background-position:left 20px;
	background-size:110px
}


}

.nav-menu
{
	padding:6px 8px
}

@media only screen and (min-width:40.063em)
{
	.nav-menu
{
	padding-top:10px;
	padding-bottom:10px
}


}

.nav-user-menu
{
	position:absolute;
	top:15px;
	min-width:180px;
	right:100px;
	display:none
}

@media only screen and (min-width:40.063em)
{
	.nav-user-menu
{
	display:block
}


}

.nav-user-menu .nav-user-menu-item>a
{
	position:relative;
	padding-right:20px
}

.nav-user-menu .nav-user-menu-item>a>span:nth-child(2):after
{
	font-family:olxicons;
	font-weight:400;
	content:"\F107";
	position:absolute;
	margin:2px 0 0 auto;
	right:-5px
}

.nav-user-menu .nav-user-menu-item>a>span:nth-child(2).show-with-balance:after
{
	top:-8px
}

.nav-user-login~#chatHeader
{
	right:80px;
	top:8px
}

@media only screen and (min-width:40.063em)
{
	.nav-user-login~#chatHeader
{
	right:310px;
	top:15px
}


}

@media only screen and (min-width:64.063em)
{
	.nav-user-login~#chatHeader
{
	right:315px
}


}

#user-menu-item~#chatHeader
{
	right:80px;
	top:8px
}

@media only screen and (min-width:40.063em)
{
	#user-menu-item~#chatHeader
{
	right:270px;
	top:15px
}


}

.nav-user-menu-item
{
	position:relative;
	height:36px;
	line-height:36px;
	display:block;
	text-align:right
}

.nav-user-menu-item a
{
	padding-left:40px;
	line-height:36px;
	display:inline-block
}

.nav-user-menu-item .profile-image
{
	position:absolute;
	background-color:#eee;
	height:32px;
	width:32px;
	top:2px;
	left:0;
	border-radius:50%;
	overflow:hidden;
	background:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/member-profile-avatar.png);
	background-size:cover
}

.nav-user-menu-item .profile-image img
{
	vertical-align:top
}

.nav-user-menu-item .profile-image+span
{
	display:block;
	max-width:100px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}

.nav-user-menu-item .profile-image+span.show-with-balance>*
{
	height:18px;
	line-height:18px;
	text-align:left;
	font-size:14px
}

.nav-user-menu-item .profile-image+span.show-with-balance b
{
	max-width:100px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}

.nav-user-menu-item .profile-image+span.show-with-balance i
{
	display:block;
	padding-left:20px;
	font-style:normal;
	background-position:0 1px;
	background-size:16px
}

.nav-user-menu-list
{
	display:none;
	width:120%;
	position:absolute;
	right:0;
	z-index:26;
	background-color:#f8f8f8;
	box-shadow:0 3px 8px rgba(50,50,50,.18);
	border-radius:2px;
	top:45px
}

.nav-user-menu-list li>a
{
	display:block;
	line-height:2.5em;
	border-bottom:1px solid #e6e6e9;
	padding:0 10px;
	font-size:1em
}

.nav-user-menu-list li>a:hover
{
	background-color:#eee
}

.nav-user-menu-list li:first-child>a:after
{
	content:" ";
	display:block;
	position:absolute;
	width:20px;
	height:20px;
	margin-top:0;
	top:-10px;
	right:20px;
	background-color:#f8f8f8;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg)
}

.nav-user-menu-list li:first-child>a:hover:after
{
	background-color:#eee
}

#box_search
{
	position:relative
}

#box_search .blackPearl-search>div
{
	min-height:40px
}

#box_search .blackPearl-search>div:before
{
	font-family:olxicons;
	font-weight:400;
	content:"\F002";
	position:absolute;
	top:0;
	left:8px;
	color:#969696;
	font-size:22px;
	z-index:212
}

@media only screen and (min-width:40.063em)
{
	#box_search .blackPearl-search>div:before
{
	top:-1px
}


}

#box_search .blackPearl-search input
{
	display:block;
	height:34px;
	line-height:28px;
	font-size:14px;
	border:1px solid transparent;
	position:absolute
}

#box_search .blackPearl-search .search-input
{
	width:80%;
	box-sizing:border-box;
	padding:2px 2px 2px 28px;
	border-radius:20px;
	z-index:211;
	box-shadow:none;
	text-indent:12px;
	background-color:transparent
}

@media only screen and (min-width:40.063em)
{
	#box_search .blackPearl-search .search-input
{
	text-indent:4px;
	background-color:#fff;
	border:1px solid #ccc;
	width:200px
}


}

#box_search .blackPearl-search .search-input:focus
{
	outline:none;
	text-indent:2px
}

#box_search .blackPearl-search input[type=submit]
{
	width:20%;
	border-top-left-radius:0;
	border-bottom-left-radius:0;
	border-top-right-radius:20px;
	border-bottom-right-radius:20px;
	color:transparent;
	border-left:0;
	padding:2px 0;
	z-index:210;
	right:20%;
	opacity:0;
	transition:width,right,opacity,.3s ease
}

#box_search .blackPearl-search input[type=submit]:active
{
	background-color:#f8f8f8;
	outline:none
}

#box_search .blackPearl-search input[type=submit]:focus
{
	outline:none
}

.search-area
{
	position:absolute;
	right:160px;
	width:38px;
	z-index:200;
	transition:width,right,opacity .3s ease
}

@media only screen and (min-width:40.063em)
{
	.search-area
{
	top:15px;
	width:18%;
	left:150px
}


}

@media only screen and (min-width:64.063em)
{
	.search-area
{
	left:auto;
	right:580px
}


}

@media only screen and (min-width:40.063em)
{
	.search-area.active
{
	right:390px
}


}

@media screen and (min-width:768px)
{
	.search-area.active
{
	width:25%;
	right:410px
}


}

@media only screen and (min-width:64.063em)
{
	.search-area.active
{
	width:30%;
	right:500px
}


}

.search-area.active #box_search .blackPearl-search .search-input
{
	color:#4b67ca;
	text-indent:2px
}

@media only screen and (min-width:40.063em)
{
	.search-area.active #box_search .blackPearl-search .search-input
{
	border-color:#4b67ca;
	text-indent:4px
}


}

.home #box_search .blackPearl-search .search-input
{
	background-color:#fff
}

.home #box_search .overlay
{
	display:none
}

.activated
{
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0
}

@media only screen and (min-width:40.063em)
{
	.activated
{
	position:static
}


}

.activated .search-area
{
	position:fixed;
	width:100%;
	top:0;
	padding:10px;
	right:0;
	left:0;
	background-color:#ededed;
	z-index:205
}

@media only screen and (min-width:40.063em)
{
	.activated .search-area
{
	position:absolute;
	width:25%;
	padding:0;
	top:15px;
	left:130px;
	background-color:transparent
}


}

@media only screen and (min-width:64.063em)
{
	.activated .search-area
{
	left:auto;
	right:530px
}


}

.activated .search-area #box_search .blackPearl-search>div:before
{
	display:none
}

.activated .search-area #box_search .blackPearl-search>div:after
{
	font-family:olxicons;
	font-weight:400;
	content:"\F002";
	position:absolute;
	top:5px;
	right:5%;
	color:#989898;
	z-index:213
}

.activated .search-area #box_search .blackPearl-search .search-input
{
	width:85%;
	padding-left:10px;
	border-color:#dbdbdb;
	border-right:0;
	border-top-right-radius:0;
	border-bottom-right-radius:0;
	z-index:214;
	background-color:#fff
}

.activated .search-area #box_search .blackPearl-search input[type=submit]
{
	width:15%;
	right:0;
	border:1px solid #dedede;
	background-color:hsla(0,0%,100%,.1);
	color:transparent;
	opacity:1;
	z-index:215;
	cursor:pointer
}

.activated .smart-search-result
{
	height:auto
}

.activated #header .overlay
{
	display:block;
	position:fixed;
	top:54px;
	right:0;
	bottom:0;
	left:0;
	z-index:199;
	background-color:rgba(0,0,0,.7)
}

@media only screen and (min-width:40.063em)
{
	.activated #header .overlay
{
	opacity:0
}


}

.activated #drawer-menu-button,.activated .filter-bar.mobile
{
	z-index:0
}

.activated.home #drawer-menu-button
{
	z-index:1001
}

.dropdown-panel
{
	width:300px;
	position:absolute;
	margin-left:-190px;
	border:1px solid #e8e8e8;
	margin-top:20px;
	border-radius:2px;
	box-shadow:0 2px 4px rgba(50,50,50,.18);
	z-index:7778
}

@media only screen and (min-width:40.063em)
{
	.dropdown-panel
{
	margin-left:-120px;
	margin-top:20px
}


}

.dropdown-panel.box-navigation-categoty-other
{
	background-color:#fff;
	margin-top:12px
}

@media only screen and (min-width:40.063em)
{
	.dropdown-panel.box-navigation-categoty-other
{
	margin-left:580px
}


}

@media only screen and (min-width:64.063em)
{
	.dropdown-panel.box-navigation-categoty-other
{
	margin-left:316px
}


}

@media (max-width:980px)
{
	.dropdown-panel.box-navigation-categoty-other
{
	margin-left:580px
}


}

@media (max-width:902px)
{
	.dropdown-panel.box-navigation-categoty-other
{
	margin-left:-45px
}


}

.dropdown-panel.box-navigation-categoty-other:before
{
	content:"";
	display:block;
	position:absolute;
	width:20px;
	height:20px;
	margin-top:0;
	top:-10px;
	right:50%;
	background-color:#fff;
	box-shadow:0 0 4px rgba(50,50,50,.18);
	z-index:-1;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg)
}

.input-type-radio-option
{
	display:inline-block;
	cursor:pointer;
	height:20px;
	color:#666560;
	display:none
}

.input-type-radio-option:before
{
	border-radius:100%;
	content:"";
	display:inline-block;
	position:absolute;
	width:16px;
	height:16px;
	left:0;
	top:2px;
	border:1px solid #4b67ca;
	background-color:#fff
}

.input-type-radio-option:after
{
	border-radius:100%;
	content:"";
	display:inline-block;
	position:absolute;
	background-color:#4b67ca;
	width:10px;
	height:10px;
	left:3px;
	top:5px;
	-webkit-transform:scale(0);
	transform:scale(0);
	transition:-webkit-transform .2s ease-in-out;
	transition:transform .2s ease-in-out;
	transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out
}

@media only screen and (min-width:40.063em)
{
	.input-type-radio-option
{
	display:block;
	position:absolute;
	top:50%;
	margin-top:-10px;
	margin-left:25px
}


}

.option-type-checkbox
{
	background-color:#fff;
	display:inline-block;
	cursor:pointer;
	position:relative;
	-webkit-appearance:none;
	height:20px;
	width:20px;
	line-height:20px;
	vertical-align:middle;
	text-align:center;
	border:1px solid #e4e4e4;
	border-radius:2px;
	outline:none;
	margin-right:8px
}

.option-type-checkbox:before
{
	font-family:olxicons;
	-webkit-font-smoothing:antialiased;
	text-decoration:inherit;
	speak:none;
	display:inline-block;
	font-weight:400
}

.option-type-checkbox:checked
{
	border-color:#4b67ca;
	color:#4b67ca
}

.option-type-checkbox:checked+span
{
	color:#4b67ca
}

.option-type-checkbox:checked:before
{
	content:"\F00C";
	display:inline-block;
	position:absolute;
	color:#4b67ca;
	line-height:16px;
	width:100%;
	height:100%;
	left:0;
	top:0
}

.select-option-dropdown
{
	position:relative
}

.select-option-dropdown:before
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/icon-arrow-dropdown.svg);
	content:"";
	position:absolute;
	right:0;
	top:0;
	bottom:0;
	width:50px;
	background-position:50%;
	background-repeat:no-repeat;
	pointer-events:none;
	z-index:10
}

.select-option-dropdown select
{
	background-color:#fff;
	font-size:16px;
	letter-spacing:1px;
	font-weight:400;
	color:#767676;
	display:block;
	box-sizing:border-box;
	-webkit-appearance:none;
	border-radius:2px;
	padding:0 8px;
	line-height:38px;
	height:40px;
	box-shadow:none;
	position:relative;
	border-color:#c8c8c8
}

.select-option-dropdown select:focus
{
	box-shadow:none;
	outline:none;
	border-color:#00c977
}

@media only screen and (min-width:40.063em)
{
	.category-selection>div
{
	float:left
}

.category-selection .breadcrumb
{
	width:25%;
	padding-top:8px;
	padding-bottom:8px
}

.category-selection .breadcrumb li
{
	display:inline-block
}

.category-selection .breadcrumb li:last-child
{
	display:block;
	font-size:130%
}

.category-selection .breadcrumb li.search-q i
{
	display:block;
	font-size:65%;
	opacity:.7
}

.category-selection .breadcrumb li>a
{
	display:inline-block;
	font-size:90%
}

.category-selection .breadcrumb li+li a:before
{
	font-family:olxicons;
	font-weight:400;
	content:"\F105";
	display:inline-block;
	margin:0 5px;
	color:#ddd
}

.category-selection .breadcrumb+*
{
	width:75%
}


}

.wrapper-description
{
	position:relative;
	overflow:hidden
}

@media only screen and (min-width:40.063em)
{
	.wrapper-description
{
	min-height:250px
}


}

.widget-krungsri-loan
{
	position:relative;
	font-family:Prompt;
	width:280px;
	margin:0 auto
}

@media only screen and (min-width:40.063em)
{
	.widget-krungsri-loan
{
	float:right;
	margin-left:10px
}


}

.widget-krungsri-loan .loading-ball-box
{
	bottom:auto
}

.widget-krungsri-loan .widget-krungsri-loan-content
{
	border:1px solid #6e5f5e
}

@media only screen and (max-width:40em)
{
	.call-active-loan
{
	margin-top:10px
}


}

.title-loan
{
	text-indent:-9999em;
	margin:0;
	height:40px;
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/krungsri-auto-logo-t.png);
	background-position:0 0;
	background-size:100%;
	background-repeat:no-repeat
}

.title-loan+div
{
	padding:10px 10px 8px
}

.label-loan
{
	width:84px;
	margin-right:8px
}

.label-center,.label-loan
{
	font-size:12px;
	text-align:right;
	vertical-align:0
}

.label-center
{
	margin-right:4px;
	margin-left:4px
}

.row-loan .data-present:after
{
	content:"%";
	font-size:12px;
	display:inline-block;
	margin-left:4px;
	position:absolute
}

.row-loan [class*=display-data-]
{
	font-size:14px;
	display:inline-block;
	width:auto;
	padding:0;
	margin:0;
	height:16px;
	line-height:16px;
	box-shadow:none;
	border:none;
	border-bottom:1px solid #ccc;
	border-radius:0
}

.row-loan [class*=display-data-]:focus
{
	outline:none
}

.row-loan .display-price,.row-loan strong[class*=display-data-]
{
	border-bottom:0
}

.row-loan
{
	margin:2px auto
}

.row-loan span
{
	display:inline-block
}

.row-loan .display-data-present
{
	max-width:29px
}

.row-loan .label-price:after,.row-loan .เงินดาวน์:after
{
	content:" \E1A\E32\E17";
	font-size:12px
}

.row-loan .display-data-interest,.row-loan .display-data-loan
{
	max-width:64px
}

.row-loan [class*=display-data-]:focus
{
	border-color:#fed431
}

.btn-calculette
{
	background:#6e5f5e;
	border-radius:16px;
	padding:3px 8px;
	color:#fff;
	font-size:12px;
	opacity:.5;
	vertical-align:-4px!important;
	margin-left:16px;
	cursor:pointer
}

.btn-calculette:hover
{
	opacity:1
}

.label-loan-total
{
	min-width:150px;
	font-size:12px
}

.label-loan-total strong
{
	font-size:16px;
	font-weight:700
}

.label-loan-note
{
	font-size:10px;
	text-align:center;
	position:absolute;
	margin-top:-4px;
	margin-left:8px;
	color:rgba(0,0,0,.4)
}

.label-loan-note small
{
	display:block;
	position:relative;
	top:-12px;
	font-size:10px
}

.call-active-loan
{
	text-align:center
}

.btn-submit-loan
{
	background:#ffd900;
	border:1px solid #f3cf00;
	border-radius:16px;
	color:#6e5f5e;
	display:block;
	font-weight:500;
	line-height:32px;
	cursor:pointer;
	margin-bottom:8px
}

.btn-submit-loan:hover
{
	border-color:#caae11
}

.remark-loan small
{
	font-size:10px;
	line-height:16px;
	color:#786967;
	display:block
}

button.re-calc
{
	background-color:hsla(4,8%,40%,.6);
	transition:background-color .3s;
	color:#fff;
	border-color:transparent;
	font-size:12px;
	display:block;
	width:auto;
	margin:10px auto;
	height:24px;
	line-height:24px;
	border-radius:20px;
	cursor:pointer
}

button.re-calc:focus
{
	outline:none;
	background-color:hsla(4,8%,40%,.8)
}

button.re-calc:hover
{
	background-color:#6e5f5e
}

.see-graph
{
	border:none;
	background-color:transparent;
	font-size:12px;
	padding-left:18px;
	height:24px;
	line-height:24px;
	margin:10px auto;
	color:rgba(0,0,0,.6);
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/ico-loan-calc-graph.svg);
	background-repeat:no-repeat;
	background-position:0 6px
}

.finance,.see-graph
{
	width:auto;
	outline:none;
	cursor:pointer
}

.finance
{
	background-color:#ffd900;
	color:#6e5f5e;
	border-color:#f3cf00;
	border-radius:24px;
	margin:auto;
	font-size:14px;
	height:28px;
	line-height:28px;
	padding:0 30px;
	margin-bottom:6px
}

.graph-view
{
	position:absolute;
	width:99%;
	top:48px;
	background:#fff;
	margin-left:-10px
}

.graph-view>div
{
	width:260px;
	margin:0 auto
}

.graph-view+.see-graph
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/ico-loan-calc-back.svg)
}

.graph-view .จำนวนงวด,.graph-view .บาทต่อเดือน
{
	font-size:8px;
	line-height:16px;
	color:rgba(0,0,0,.4)
}

.graph-view .บาทต่อเดือน
{
	text-indent:15px
}

.graph-view .จำนวนงวด
{
	text-align:center
}

.member .member-header,.member .title-member-area,.member ul.member-ads-list
{
	max-width:1270px;
	margin:auto
}

#main
{
	position:relative;
	min-height:300px;
	padding-top:56px
}

@media only screen and (min-width:40.063em)
{
	#main
{
	padding-top:0
}


}

#main-container
{
	background-color:#f9f9f9
}

@media only screen and (min-width:40.063em)
{
	body.favorite #main-container:before,body.history #main-container:before,body.member #main-container:before
{
	content:" ";
	display:block;
	position:absolute;
	width:100%;
	top:65px;
	left:0;
	right:0;
	background-color:#4b67ca;
	height:91px
}


}

.listing #main
{
	width:auto
}

.showbrands-logo
{
	display:table;
	width:100%;
	padding:8px 8px 0;
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/arrow-right-all.svg);
	background-repeat:no-repeat;
	background-position:100%;
	height:80px;
	overflow:hidden
}

.showbrands-logo li
{
	box-sizing:border-box;
	cursor:pointer;
	display:table-cell;
	vertical-align:bottom
}

.showbrands-logo li a
{
	display:block;
	padding-top:40px;
	line-height:26px;
	color:#464646;
	font-size:12px;
	text-align:center;
	border-bottom:4px solid transparent;
	font-weight:700
}

@media only screen and (min-width:64.063em)
{
	.showbrands-logo li a
{
	font-size:14px;
	font-weight:400
}


}

.showbrands-logo li a.active
{
	border-bottom:4px solid #4b67ca;
	color:#4b67ca;
	font-weight:700
}

.showbrands-logo .car-all-brand
{
	position:relative;
	right:-3px;
	text-align:center
}

.showbrands-logo .car-all-brand span
{
	display:block
}

.showbrands-logo .car-all-brand a
{
	padding-left:12px
}

.showbrands-logo .car-all-brand a:hover
{
	color:#4b67ca
}

.showbrands-logo #link-to-auto-vehicle
{
	background-color:transparent;
	vertical-align:middle;
	padding:8px 0 0 18px
}

.showbrands-logo .auto-vehicle
{
	position:relative;
	right:-10px;
	text-align:center;
	padding-top:0
}

.showbrands-logo .auto-vehicle:hover
{
	color:#4b67ca
}

.showbrands-logo .auto-vehicle>a
{
	display:block;
	padding-left:20px
}

.category-selection-wrap .breadcrumb-header>.breadcrumb
{
	padding-top:14px
}

.category-selection-wrap .breadcrumb-header>.breadcrumb li
{
	display:inline-block
}

.category-selection-wrap .breadcrumb-header>.breadcrumb li.search-q i
{
	display:block;
	font-size:65%;
	opacity:.7
}

.category-selection-wrap .breadcrumb-header>.breadcrumb li>a
{
	display:inline-block;
	font-size:90%;
	color:#9a9a9a
}

.category-selection-wrap .breadcrumb-header>.breadcrumb li+li a:before
{
	font-family:olxicons;
	font-weight:400;
	content:"\F105";
	display:inline-block;
	margin:0 5px;
	color:#ddd
}

.header-table
{
	font-size:14px;
	font-weight:700;
	display:table;
	width:100%;
	padding:10px 0 0 10px
}

@media only screen and (min-width:64.063em)
{
	.header-table
{
	font-size:16px
}


}

.header-table [class*=table-type-]
{
	vertical-align:middle
}

[class*=table-type-]
{
	display:table-cell;
	padding-right:8px
}

.table-type-date
{
	width:75px;
	position:absolute
}

@media only screen and (min-width:40.063em)
{
	.table-type-date
{
	position:static
}


}

@media only screen and (min-width:64.063em)
{
	.table-type-date
{
	width:120px
}


}

@media only screen and (min-width:64.063em)
{
	.table-type-date.member-service-date
{
	padding:0 40px 0 8px
}


}

.table-type-des
{
	position:relative;
	width:100%;
	display:block;
	padding-left:90px
}

@media only screen and (min-width:40.063em)
{
	.table-type-des
{
	padding-left:0;
	width:250px;
	display:table-cell
}


}

@media only screen and (min-width:64.063em)
{
	.table-type-des
{
	width:300px
}


}

.table-type-number-service
{
	display:none
}

@media only screen and (min-width:64.063em)
{
	.table-type-number-service
{
	width:120px;
	display:table-cell
}


}

.table-type-of-service
{
	width:120px
}

.table-type-sms
{
	display:none
}

@media only screen and (min-width:64.063em)
{
	.table-type-sms
{
	width:90px;
	display:table-cell
}


}

.table-type-status
{
	width:120px;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}

.table-type-price
{
	float:right;
	width:74px
}

.table-type-price .attr-block
{
	height:12px;
	line-height:12px
}

.table-history
{
	font-family:Helvetica Neue,Helvetica,Arial,sans-serif;
	min-height:60px;
	padding:10px 0 0 10px;
	background-color:#fff;
	border-bottom:1px solid #f3f3f3;
	color:#7b7b7b;
	transition:.3s;
	position:relative
}

@media only screen and (min-width:40.063em)
{
	.table-history
{
	margin-top:10px
}


}

.table-history:hover
{
	color:#464646
}

.table-history .member-service-fee.bg-icon-coin
{
	background-size:16px;
	background-position:0;
	padding-left:20px
}

.table-history [class*=table-type-]
{
	font-size:13px;
	vertical-align:top
}

.member-service-date .txt-status
{
	cursor:pointer
}

.member-service-date .txt-status:hover
{
	color:#464646
}

.member-service-date .txt-status.notactive:after
{
	font-family:olxicons;
	font-weight:400;
	content:"\F107";
	position:absolute;
	padding-left:3px
}

.member-service-date .txt-status.active:after
{
	font-family:olxicons;
	font-weight:400;
	content:"\F106";
	position:absolute;
	padding-left:3px
}

.member-service-date ul
{
	list-style:none
}

.member-service-date ul li span
{
	color:#464646
}

.member-service-date ul li span:before
{
	background-color:#ccc
}

.member-service-date ul li span.active:before,.member-service-date ul li span:before
{
	width:14px;
	height:14px;
	color:#fff;
	border-radius:50%;
	display:inline-block;
	margin-right:4px;
	line-height:12px;
	text-align:center
}

.member-service-date ul li span.active:before
{
	background-color:#00c977
}

.member-service-date ul li span.fail:before
{
	background-color:red;
	width:14px;
	height:14px;
	color:#fff;
	border-radius:50%;
	display:inline-block;
	margin-right:4px;
	line-height:12px;
	text-align:center
}

.member-service-date ul.active
{
	display:block;
	padding-bottom:8px
}

.member-service-date ul.notactive
{
	display:none
}

.label-egg-package
{
	text-align:center;
	border:1px solid #f8da59;
	vertical-align:middle;
	display:block;
	margin:17px 12px 0 0;
	padding:2px 0;
	border-radius:3px;
	position:absolute;
	right:0;
	top:0
}

.item-product-list:after,.item-product-list:before
{
	display:block;
	content:"";
	clear:both
}

.item-product-list .title
{
	font-size:14px;
	color:#464646;
	float:left;
	max-width:243px;
	margin-top:-3px;
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}

@media only screen and (min-width:40.063em)
{
	.item-product-list .title
{
	padding-left:8px
}


}

.item-product-list .photo-product
{
	width:42px;
	height:42px;
	text-align:center;
	float:right;
	position:relative;
	overflow:hidden;
	border-radius:2px;
	border:1px solid #f9f9f9;
	position:absolute;
	right:8px;
	top:0
}

@media only screen and (min-width:40.063em)
{
	.item-product-list .photo-product
{
	position:relative;
	float:left;
	left:0;
	right:auto
}


}

.item-product-list .photo-product-item
{
	position:absolute;
	max-width:100%;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:auto
}

.item-product-list .member-service-category
{
	font-size:10px;
	font-weight:700;
	background-color:#969696;
	padding:3px;
	border-radius:3px
}

.label-number-product
{
	clear:both;
	display:block;
	font-size:11px
}

.label-number-product>span
{
	background-color:#4b67ca;
	font-size:11px;
	color:#fff;
	padding:0 16px;
	border-radius:2px;
	display:inline-block;
	letter-spacing:1px
}

@media only screen and (min-width:40.063em)
{
	.member-service-desc-lay .member-service-status
{
	width:35%
}


}

.member-service-desc-lay .member-service-status.pending
{
	color:#ffb865
}

.member-service-desc-lay .member-service-status.fail
{
	color:red
}

.member-service-listing
{
	min-height:340px;
	clear:left;
	margin:0 0 20px
}

@media only screen and (min-width:40.063em)
{
	.member-service-listing
{
	margin-top:20px
}


}

.member .menu-tab-bar
{
	margin-bottom:16px
}

@media only screen and (min-width:40.063em)
{
	#member-page .member-ads-list>li.member-ads-preview
{
	float:left;
	width:19%;
	border-radius:1px;
	margin-right:1%;
	min-height:0
}


}

@media only screen and (min-width:40.063em)
{
	#member-page .member-ads-list>li.member-ads-preview:nth-child(5n)
{
	margin-right:0
}


}

@media only screen and (min-width:40.063em)
{
	.profile-scetion
{
	padding:16px 0 30%
}


}

.profile-scetion-header
{
	font-size:1em;
	font-weight:400;
	padding-left:20px;
	margin:0
}

@media only screen and (min-width:40.063em)
{
	.profile-scetion-header
{
	font-size:1.5em;
	margin:16px 0
}


}

.profile-scetion-content
{
	border-top:1px solid #e4e4e4;
	background-color:#fff
}

@media only screen and (min-width:40.063em)
{
	.profile-scetion-content
{
	border:1px solid #e4e4e4
}


}

.profile-scetion-content .input-filed
{
	padding:0 8px;
	font-size:1.2em;
	line-height:34px;
	background-color:#fff;
	max-width:320px;
	border:1px solid #e4e4e4;
	border-color:#e4e4e4;
	box-shadow:none;
	max-width:160px;
	font-size:1em;
	width:auto
}

.profile-scetion-content .input-filed:focus
{
	outline:2px auto #e4e4e4
}

@media only screen and (min-width:40.063em)
{
	.profile-scetion-content .input-filed
{
	max-width:150px
}


}

@media only screen and (min-width:64.063em)
{
	.profile-scetion-content .input-filed
{
	width:100%;
	max-width:220px
}


}

.profile-scetion-content .label-text
{
	display:block;
	float:left;
	min-width:60px;
	overflow:hidden;
	text-align:left;
	padding-top:8px
}

@media only screen and (min-width:40.063em)
{
	.profile-scetion-content .label-text
{
	min-width:80px
}


}

.title-panel-setting
{
	background-color:#fff;
	height:40px;
	line-height:40px;
	margin:0 0 10px
}

.connect-profile-section
{
	background-color:#fff;
	border-bottom:1px solid #e4e4e4;
	font-size:16px;
	padding:20px;
	position:relative
}

.connect-profile-section .phone
{
	border-bottom:1px solid #eee;
	width:100%;
	max-width:425px;
	padding-bottom:8px
}

.connect-profile-section .phone .row-action,.connect-profile-section .phone .row-setting
{
	padding:4px 0
}

@media only screen and (min-width:40.063em)
{
	.connect-profile-section
{
	float:left;
	width:50%;
	font-size:1em;
	min-height:350px;
	border-bottom:none;
	padding:16px 16px 16px 24px
}

.connect-profile-section:after
{
	background:#e4e4e4;
	content:"";
	width:1px;
	position:absolute;
	right:10px;
	bottom:0;
	top:0;
	margin:20px 0
}


}

.connect-email
{
	position:relative;
	color:#4b67ca;
	font-size:16px
}

.connect-list
{
	width:100%;
	max-width:425px;
	overflow:hidden
}

.connect-list.border-bottom
{
	border-bottom:1px solid #eee
}

.connect-list .connect-list-image
{
	width:24px;
	margin-right:8px
}

.connect-list.email
{
	padding-left:32px
}

.row-setting
{
	padding:8px 0;
	float:left
}

@media only screen and (min-width:40.063em)
{
	.row-setting
{
	width:260px
}


}

.row-action
{
	float:right;
	text-align:right;
	width:85px;
	padding:8px 0
}

@media only screen and (min-width:40.063em)
{
	.row-action
{
	width:105px
}


}

.connect-list-confirm
{
	font-size:.8em;
	display:inline-block;
	text-align:center
}

.connect-list-confirm:before
{
	background-color:#00c977;
	width:18px;
	height:18px;
	color:#fff;
	border-radius:50%;
	display:inline-block;
	text-align:center;
	margin-right:2px
}

.connect-list-desc
{
	display:inline-block;
	vertical-align:middle
}

input.connect-list-desc
{
	display:inline-block;
	font-size:1em;
	cursor:pointer;
	box-shadow:none;
	border:1px solid #eee;
	max-width:160px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}

@media only screen and (min-width:64.063em)
{
	input.connect-list-desc
{
	max-width:225px
}


}

.connect-list-button
{
	display:block;
	margin:auto;
	border-radius:3px;
	background-color:#00c977;
	border:1px solid transparent;
	color:#4b67ca;
	font-size:16px;
	color:#fff;
	width:72px;
	display:inline-block;
	line-height:30px
}

@media only screen and (min-width:40.063em)
{
	.connect-list-button
{
	font-size:16px
}


}

.edit-profile-scetion
{
	background-color:#fff;
	border-top:1px solid #e4e4e4;
	font-size:16px;
	padding:0 20px 20px;
	position:relative;
	margin-top:20px
}

@media only screen and (min-width:40.063em)
{
	.edit-profile-scetion
{
	padding-top:16px;
	float:left;
	width:50%;
	min-height:350px;
	border-top:none;
	font-size:1em;
	margin:0
}


}

.edit-profile-scetion .avatar-section .text-avatar i:before
{
	font-size:12px;
	vertical-align:top
}

.edit-profile-field
{
	padding-right:100px
}

.submit-setting .btn-submit
{
	display:block;
	margin:auto;
	max-width:320px;
	height:44px;
	line-height:44px;
	border-radius:3px;
	background-color:#00c977;
	border:1px solid transparent;
	color:#4b67ca;
	font-size:1em;
	color:#fff;
	max-width:100%
}

@media only screen and (min-width:40.063em)
{
	.submit-setting .btn-submit
{
	max-width:220px;
	margin:0 0 0 80px
}


}

.submit-setting .disabled
{
	opacity:.2
}

.box-firstname,.box-lastname,.box-username,.padding-input-filed
{
	padding:8px 0
}

.box-firstname,.box-lastname,.box-username
{
	overflow:hidden
}

.box-lastname
{
	margin-bottom:16px
}

.avatar
{
	background:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/member-profile-avatar.png);
	background-size:cover
}

.avatar-section
{
	position:absolute;
	top:50px;
	right:8%;
	text-align:center;
	cursor:pointer
}

.avatar-section .avatar
{
	min-height:60px;
	min-width:60px;
	display:block;
	border-radius:100%
}

.avatar-section .text-avatar
{
	width:100%;
	color:#4b67ca;
	display:block;
	font-size:16px;
	font-weight:400
}

.avatar-section .text-avatar.edit-bubble
{
	position:absolute;
	top:35px;
	left:40px;
	width:20px;
	height:20px;
	background-color:hsla(0,0%,100%,.6);
	color:rgba(0,0,0,.6);
	border-radius:10px
}

.profile-scetion-content .profile-image
{
	width:80px;
	height:80px;
	border-radius:50%;
	color:transparent;
	overflow:hidden
}

.breadcrum-header
{
	padding-bottom:16px;
	font-size:1.5em;
	text-align:center;
	font-weight:400
}

@media only screen and (min-width:40.063em)
{
	.edit-password
{
	margin:32px 0
}


}

.edit-password .edit-password-form
{
	margin:auto;
	max-width:360px;
	padding:20px
}

@media only screen and (min-width:40.063em)
{
	.edit-password .edit-password-form
{
	background-color:#fff;
	border:1px solid #e4e4e4
}


}

.edit-password .edit-password-form .mobile-number
{
	padding:0 8px;
	font-size:1.2em;
	line-height:34px;
	background-color:#fff;
	max-width:320px;
	border:1px solid #e4e4e4;
	width:100%
}

.edit-password .edit-password-form .mobile-number:focus
{
	outline:2px auto #00c977
}

.edit-password .edit-password-form .submit-button
{
	display:block;
	margin:auto;
	max-width:320px;
	height:44px;
	line-height:44px;
	border-radius:3px;
	background-color:#00c977;
	border:1px solid transparent;
	color:#4b67ca;
	color:#fff;
	margin-top:32px
}

.edit-password .edit-password-form .forget-text-confirm
{
	margin-top:16px
}

.edit-password .edit-password-form .text-error-message
{
	padding-left:0
}

.forget-text,.forget-text-more
{
	font-size:12px;
	color:#9b9b9b;
	margin-top:32px
}

.forget-text-more
{
	margin-top:10px
}

.forget-password,.forget-password .forget-password-desc
{
	padding:20px;
	min-height:310px;
	position:relative
}

.forget-password .forget-password-desc
{
	text-align:center
}

.forget-password .content-images-header
{
	width:104px
}

.forget-password .forget-password-form
{
	text-align:center
}

.forget-password .forget-title
{
	font-size:24px
}

.forget-password .forget-email
{
	font-size:16px;
	color:#4b67ca
}

.forget-password .forget-description
{
	font-size:16px;
	color:#9b9b9b
}

.submit-button
{
	display:block;
	margin:auto;
	max-width:320px;
	height:44px;
	line-height:44px;
	border-radius:3px;
	background-color:#00c977;
	border:1px solid transparent;
	color:#4b67ca;
	color:#fff;
	margin-top:32px
}

@media only screen and (min-width:40.063em)
{
	.submit-button
{
	max-width:100%
}


}

.mobile-number
{
	padding:0 8px;
	font-size:1.2em;
	line-height:34px;
	background-color:#fff;
	max-width:320px;
	border:1px solid #e4e4e4;
	width:100%
}

.mobile-number:focus
{
	outline:2px auto #00c977
}

@media only screen and (min-width:40.063em)
{
	.mobile-number
{
	max-width:100%
}


}

.forget-password-confirm
{
	background-color:transparent;
	padding:20px
}

.forget-password-confirm .forget-confirm-desc
{
	padding-top:10px
}

.register-header-profile
{
	text-align:center;
	padding-top:20px
}

.register-header-profile .content-images-header
{
	padding-bottom:16px
}

@media only screen and (min-width:40.063em)
{
	.register-form-otp
{
	margin:32px 0;
	background-color:#fff;
	max-width:360px;
	margin:20px auto;
	border:1px solid #e4e4e4;
	height:510px
}


}

.register-form-otp .form-element
{
	margin-bottom:32px
}

.register-form-otp .text-error-message
{
	padding-left:0
}

.text-blue-message
{
	color:#4b67ca;
	font-size:16px
}

.text-success
{
	font-size:16px
}

@media only screen and (min-width:40.063em)
{
	.text-success
{
	max-width:220px;
	margin:8px 0 0 80px
}


}

body[class*=vertical-type-] .breadcrumb
{
	margin:auto;
	max-width:970px
}

body[class*=vertical-type-] .breadcrumb:after,body[class*=vertical-type-] .breadcrumb:before
{
	display:block;
	content:"";
	clear:both
}

body[class*=vertical-type-] .breadcrumb>ul
{
	float:left;
	margin-bottom:24px
}

body[class*=vertical-type-] .breadcrumb>ul:after,body[class*=vertical-type-] .breadcrumb>ul:before
{
	display:block;
	content:"";
	clear:both
}

body[class*=vertical-type-] .breadcrumb>ul li:first-child+li,body[class*=vertical-type-] .breadcrumb>ul li:last-child:after
{
	display:none
}

body[class*=vertical-type-] .breadcrumb .car-total
{
	float:right
}

body[class*=vertical-type-] .breadcrumb .totalnumber
{
	font-size:20px;
	opacity:1;
	margin-top:-4px
}

body[class*=vertical-type-] .breadcrumb .totalnumber b
{
	color:#4b67ca;
	font-weight:700
}

body[class*=vertical-type-] .nav-breadcrumb
{
	float:left;
	margin-right:8px
}

body[class*=vertical-type-] .nav-breadcrumb:after
{
	display:inline-block;
	font-family:olxicons;
	font-weight:400;
	content:"\F105";
	vertical-align:-1px;
	font-size:12px;
	color:#969696;
	margin-left:8px
}

body[class*=vertical-type-] .nav-breadcrumb a
{
	color:#969696;
	font-size:16px
}

body[class*=vertical-type-] .nav-breadcrumb a:hover
{
	color:#4b67ca
}

.main-category-container
{
	background-color:#fff;
	width:99%;
	position:relative;
	z-index:100;
	max-width:890px;
	padding:0 16px;
	margin:auto;
	padding-left:0;
	padding-right:0
}

.showbrands-logo .bg-otherbrand
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/otherbrand_gray.svg);
	background-repeat:no-repeat;
	background-position:top
}

.showbrands-logo .bg-otherbrand.active,.showbrands-logo .bg-otherbrand:hover
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/otherbrand.svg)
}

.category-selection-header
{
	min-height:68px
}

.category-selection-header>.breadcrumb
{
	width:22%;
	padding-top:14px
}

.category-selection-header>.breadcrumb li
{
	margin-top:-4px
}

.category-selection-header>.breadcrumb li span
{
	display:block;
	font-size:14px;
	color:#9a9a9a
}

.category-selection-header>.breadcrumb li>span:first-child
{
	font-size:22px;
	color:#464646
}

.category-selection-header .brandlist+p
{
	padding:16px 0;
	position:relative;
	text-align:center;
	color:#f70
}

@media only screen and (min-width:40.063em)
{
	.category-selection-header .brandlist+p
{
	text-align:right
}


}

.category-selection-header .brandlist+p>a
{
	color:#f70;
	cursor:pointer
}

.category-selection-header .brandlist+p>a:before
{
	font-family:olxicons;
	font-weight:400;
	margin-right:5px
}

.category-selection-header .brandlist:not(.showbrands)
{
	transition:height .3s ease-in
}

.category-selection-header .brandlist:not(.showbrands)+.toggle-attr .view-all
{
	display:none
}

.category-selection-header .brandlist.showbrands
{
	max-height:120px;
	overflow:hidden
}

.category-selection-header .brandlist.showbrands+.toggle-attr
{
	box-shadow:0 -10px 20px 0 #f9f9f9
}

.category-selection-header .brandlist.showbrands+.toggle-attr .hide-all
{
	display:none
}

.container-content
{
	max-width:1250px;
	padding:0 16px;
	margin:auto;
	position:relative;
	z-index:100
}

body.listing .modal-portal .modal-overlay
{
	background-color:rgba(0,0,0,.25)
}

body.vertical-type-car #logo:after
{
	left:170px
}

body.vertical-type-car #logo a
{
	width:130px;
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/rodKaidee-logo.svg);
	background-repeat:no-repeat;
	background-size:100%;
	background-position:0 -4px
}

@media only screen and (min-width:40.063em)
{
	body.vertical-type-car #logo a
{
	background-position:0 9px
}


}

@media only screen and (min-width:64.063em)
{
	body.vertical-type-car #logo a
{
	width:170px;
	background-position:0 7px
}


}

body.vertical-type-car .cover-vertical-car
{
	background:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/rod-front-bg.jpg) 0 0/100% no-repeat;
	height:120px
}

@media only screen and (min-width:40.063em)
{
	body.vertical-type-car .cover-vertical-car
{
	height:280px;
	margin-bottom:20px
}


}

@media only screen and (min-width:64.063em)
{
	body.vertical-type-car .cover-vertical-car
{
	background:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/rod-back-bg2.png) 100% 18%/280px no-repeat,url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/rod-front-bg.jpg) 0 0/100% no-repeat;
	height:300px
}


}

@media only screen and (min-width:90.063em)
{
	body.vertical-type-car .cover-vertical-car
{
	background-size:350px auto,auto;
	background-position:100% 0,0 0;
	height:378px;
	max-width:1920px;
	margin-left:auto;
	margin-right:auto
}


}

body.vertical-type-car .cover-vertical-car .title-rod
{
	padding:44px 0 0 74px;
	width:99%;
	max-width:890px
}

@media only screen and (min-width:40.063em)
{
	body.vertical-type-car .cover-vertical-car .title-rod
{
	padding:65px 0 4px 175px
}


}

@media only screen and (min-width:64.063em)
{
	body.vertical-type-car .cover-vertical-car .title-rod
{
	padding:60px 0 10px 205px
}


}

@media only screen and (min-width:90.063em)
{
	body.vertical-type-car .cover-vertical-car .title-rod
{
	padding:100px 0 20px 180px
}


}

body.vertical-type-car .cover-vertical-car .title-rod blockquote
{
	width:220px;
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/rod-slogan.png);
	background-repeat:no-repeat;
	background-size:100%;
	text-indent:-9999em;
	height:65px
}

@media only screen and (min-width:40.063em)
{
	body.vertical-type-car .cover-vertical-car .title-rod blockquote
{
	width:340px;
	height:85px
}


}

@media only screen and (min-width:64.063em)
{
	body.vertical-type-car .cover-vertical-car .title-rod blockquote
{
	width:350px;
	height:100px
}


}

@media only screen and (min-width:90.063em)
{
	body.vertical-type-car .cover-vertical-car .title-rod blockquote
{
	width:420px;
	height:120px
}


}

body.vertical-type-car .cover-vertical-car.has-pickup-truck
{
	background:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/rod-wheels-dirt-bg.jpg) 0 0/100% no-repeat
}

@media only screen and (min-width:64.063em)
{
	body.vertical-type-car .cover-vertical-car.has-pickup-truck
{
	background:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/rod-dirt-truck.png) 94% 45%/60px no-repeat,url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/rod-wheels-dirt-bg.jpg) 0 0/100% no-repeat
}


}

@media only screen and (min-width:90.063em)
{
	body.vertical-type-car .cover-vertical-car.has-pickup-truck
{
	background-position:99% 55%,0 0;
	background-size:95px,auto
}


}

body.vertical-type-car .vertical-header>div:first-child
{
	display:block!important;
	padding-top:44px
}

@media only screen and (min-width:40.063em)
{
	body.vertical-type-car .vertical-header>div:first-child
{
	padding-top:0
}


}

@media only screen and (min-width:40.063em)
{
	.filter-vertical
{
	border-top:1px solid #e4e4e4
}


}

@media only screen and (min-width:40.063em)
{
	.filter-vertical .back-to-main-kaidee
{
	width:140px;
	padding:4px 4px 4px 40px;
	top:-108px;
	font-size:80%;
	background:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/ic-home.svg) 4px 0/28px no-repeat hsla(0,0%,100%,.7)
}


}

@media only screen and (min-width:90.063em)
{
	.filter-vertical .back-to-main-kaidee
{
	width:98px;
	padding:57px 4px 4px;
	top:-81px;
	left:-98px;
	text-align:center;
	background-position:center 6px;
	background-size:46px
}


}

.filter-vertical .filter-dropdown .title
{
	border-top:none;
	border-right:none
}

.filter-vertical .filters .prices .toggle-price
{
	margin-left:-249px
}

.filter-vertical .filter-dropdown .title,.filter-vertical .filters [id^=filter-]
{
	font-size:14px;
	font-weight:700
}

.modal-content .title-full-modal
{
	margin:0 0 16px;
	padding:16px 0 0
}

@media only screen and (min-width:64.063em)
{
	.modal-content .title-full-modal
{
	padding:16px 0 0 24px
}


}

.modal-content #all-cate-list
{
	width:80vw;
	max-width:1024px;
	padding:0 16px 16px;
	position:relative;
	background-color:#fff
}

.modal-content #all-cate-list li
{
	width:20%;
	float:left;
	line-height:32px
}

.modal-content #all-cate-list li>a
{
	display:block;
	padding:0 8px;
	border-radius:20px;
	margin-right:8px;
	font-size:14px
}

@media only screen and (min-width:40.063em)
{
	.modal-content #all-cate-list li>a
{
	padding:0 8px
}


}

@media only screen and (min-width:64.063em)
{
	.modal-content #all-cate-list li>a
{
	font-size:16px;
	padding:0 24px
}


}

.modal-content #all-cate-list li>a.active,.modal-content #all-cate-list li>a:hover
{
	background-color:#4b67ca;
	color:#fff
}

.modal-content #all-cate-list .df-icon-dfclose
{
	position:absolute;
	right:0;
	top:0;
	font-size:24px;
	padding:12px;
	line-height:16px
}

.vertical-type-car .showbrands-logo li
{
	width:11.1%;
	position:relative
}

.vertical-type-car .showbrands-logo li:first-child>a:before
{
	font-family:olxicons;
	-webkit-font-smoothing:antialiased;
	text-decoration:inherit;
	speak:none;
	display:inline-block;
	font-weight:400;
	color:#9a9a9a;
	content:"\F215";
	font-size:52px;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto
}

.vertical-type-car .showbrands-logo li:first-child>a.active:before
{
	color:#4b67ca
}

@media only screen and (min-width:40.063em)
{
	.vertical-type-car .bg-toyota
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/toyota_gray.svg);
	background-repeat:no-repeat;
	background-position:top
}

.vertical-type-car .bg-toyota.active,.vertical-type-car .bg-toyota:hover
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/toyota.svg)
}

.vertical-type-car .bg-honda
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/honda_gray.svg);
	background-repeat:no-repeat;
	background-position:top
}

.vertical-type-car .bg-honda.active,.vertical-type-car .bg-honda:hover
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/honda.svg)
}

.vertical-type-car .bg-benz
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/benz_gray.svg);
	background-repeat:no-repeat;
	background-position:top
}

.vertical-type-car .bg-benz.active,.vertical-type-car .bg-benz:hover
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/benz.svg)
}

.vertical-type-car .bg-mitsubishi
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/mitsubishi_gray.svg);
	background-repeat:no-repeat;
	background-position:top
}

.vertical-type-car .bg-mitsubishi.active,.vertical-type-car .bg-mitsubishi:hover
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/mitsubishi.svg)
}

.vertical-type-car .bg-nissan
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/nissan_gray.svg);
	background-repeat:no-repeat;
	background-position:top
}

.vertical-type-car .bg-nissan.active,.vertical-type-car .bg-nissan:hover
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/nissan.svg)
}

.vertical-type-car .bg-isuzu
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/isuzu_gray.svg);
	background-repeat:no-repeat;
	background-position:top
}

.vertical-type-car .bg-isuzu.active,.vertical-type-car .bg-isuzu:hover
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/isuzu.svg)
}

.vertical-type-car .brandlist li a
{
	display:block;
	line-height:26px;
	padding:2px 10px;
	font-size:14px;
	border-radius:2px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}

.vertical-type-car .brandlist li a span
{
	display:inline-block
}

.vertical-type-car .brandlist li a span+span
{
	font-size:80%;
	margin-left:5px;
	opacity:.7
}

.vertical-type-car .brandlist li a.active,.vertical-type-car .brandlist li a:hover
{
	background-color:#4b67ca;
	color:#fff
}


}

.react-autosuggest__container
{
	position:relative
}

.react-autosuggest__input
{
	width:240px;
	height:30px;
	padding:10px 20px;
	font-family:Helvetica,sans-serif;
	font-weight:300;
	font-size:16px;
	border:1px solid #aaa;
	border-radius:4px
}

.react-autosuggest__input:focus
{
	outline:none
}

.react-autosuggest__container--open .react-autosuggest__input
{
	border-bottom-left-radius:0;
	border-bottom-right-radius:0
}

.react-autosuggest__suggestions-container
{
	display:none
}

.react-autosuggest__container--open .react-autosuggest__suggestions-container
{
	display:block;
	position:absolute;
	top:51px;
	width:280px;
	border:1px solid #aaa;
	background-color:red;
	font-family:Helvetica,sans-serif;
	font-weight:300;
	font-size:16px;
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
	z-index:2
}

.react-autosuggest__suggestions-list
{
	margin:0;
	padding:0;
	list-style-type:none
}

.react-autosuggest__suggestion
{
	cursor:pointer;
	padding:10px 20px
}

.react-autosuggest__suggestion--focused
{
	background-color:#ddd
}

.newsfeed>p
{
	position:absolute;
	top:14px
}

@media only screen and (min-width:40.063em)
{
	.newsfeed>p
{
	top:20px
}


}

.newsfeed>p .df-icon-feed-notification:before
{
	font-size:28px;
	position:absolute;
	margin-left:-24px;
	margin-top:-10px
}

.newsfeed>p .unread-news-count
{
	position:absolute;
	display:inline-block;
	min-width:20px;
	min-height:20px;
	line-height:20px;
	font-size:10px;
	color:#fff;
	background-color:#d33434;
	text-align:center;
	margin-left:-14px;
	margin-top:-8px;
	border-radius:10px
}

.nav-user-login~.newsfeed>p
{
	right:132px
}

@media only screen and (min-width:40.063em)
{
	.nav-user-login~.newsfeed>p
{
	right:362px
}


}

@media only screen and (min-width:64.063em)
{
	.nav-user-login~.newsfeed>p
{
	right:405px
}


}

.nav-user-login~.newsfeed .feed-displays:before
{
	right:130px
}

@media only screen and (min-width:40.063em)
{
	.nav-user-login~.newsfeed .feed-displays:before
{
	right:360px
}


}

@media only screen and (min-width:64.063em)
{
	.nav-user-login~.newsfeed .feed-displays:before
{
	right:462px
}


}

#user-menu-item~.newsfeed>p
{
	right:132px
}

@media only screen and (min-width:40.063em)
{
	#user-menu-item~.newsfeed>p
{
	right:340px
}


}

@media only screen and (min-width:64.063em)
{
	#user-menu-item~.newsfeed>p
{
	right:390px
}


}

#user-menu-item~.newsfeed .feed-displays:before
{
	right:130px
}

@media only screen and (min-width:40.063em)
{
	#user-menu-item~.newsfeed .feed-displays:before
{
	right:200px
}


}

@media only screen and (min-width:64.063em)
{
	#user-menu-item~.newsfeed .feed-displays:before
{
	right:458px
}


}

.feed-displays:before
{
	content:" ";
	position:absolute;
	display:block;
	margin-top:38px;
	border-width:0 14px 14px;
	border-style:solid;
	border-color:#ececec transparent;
	width:0;
	z-index:2
}

@media only screen and (min-width:40.063em)
{
	.feed-displays:before
{
	margin-top:46px
}


}

.feed-displays>div:first-child
{
	position:absolute;
	margin-top:52px;
	width:300px;
	max-width:300px;
	box-shadow:0 2px 5px 2px #dedede;
	border:0;
	right:8px
}

@media only screen and (min-width:40.063em)
{
	.feed-displays>div:first-child
{
	margin-top:60px;
	width:360px;
	max-width:360px;
	max-height:480px;
	right:230px
}


}

@media only screen and (min-width:64.063em)
{
	.feed-displays>div:first-child
{
	right:160px
}


}

.feed-displays .ab-feed
{
	width:auto;
	background-color:#f7f7f7
}

.feed-displays .ab-feed .ab-feed-buttons-wrapper
{
	background-color:#ececec;
	height:24px;
	box-shadow:none;
	border-bottom:1px solid #dedede
}

.feed-displays .ab-feed .ab-feed-buttons-wrapper:before
{
	content:"\E41\E08\E49\E07\E40\E15\E37\E2D\E19\E02\E48\E32\E27\E2A\E32\E23";
	display:block;
	font-size:12px;
	text-indent:8px;
	color:#969696;
	line-height:24px
}

.feed-displays .ab-feed .ab-feed-buttons-wrapper>i
{
	display:none
}

.feed-displays .ab-feed .ab-feed-body
{
	border:0;
	padding:0;
	max-height:390px;
	overflow:auto
}

@media only screen and (min-width:64.063em)
{
	.feed-displays .ab-feed .ab-feed-body
{
	max-height:440px
}


}

.feed-displays .ab-feed .ab-feed-body .ab-card
{
	border-radius:0;
	border:0;
	margin-bottom:0;
	min-height:62px;
	background-color:transparent
}

.feed-displays .ab-feed .ab-feed-body .ab-card.ab-classic-card.with-image .ab-image-area
{
	width:48px;
	height:48px;
	border-radius:0;
	padding:0;
	border:1px solid #dedede
}

.feed-displays .ab-feed .ab-feed-body .ab-card.ab-classic-card.with-image .ab-image-area img
{
	width:100%;
	height:auto
}

.feed-displays .ab-feed .ab-feed-body .ab-card.ab-classic-card.with-image .ab-title
{
	padding:0;
	font-size:14px
}

.feed-displays .ab-feed .ab-feed-body .ab-card.ab-classic-card.with-image .ab-card-body
{
	padding-left:54px;
	min-height:auto;
	border-radius:0
}

.feed-displays .ab-feed .ab-feed-body .ab-card.ab-captioned-image.with-image .ab-title
{
	padding:8px 0;
	font-size:14px
}

.feed-displays .ab-feed .ab-feed-body .ab-card.ab-captioned-image.with-image .ab-title a
{
	color:#4b67ca;
	text-decoration:none
}

.feed-displays .ab-feed .ab-feed-body .ab-card.with-image
{
	padding:8px
}

.feed-displays .ab-feed .ab-feed-body .ab-card.with-image .ab-description
{
	padding:0;
	padding-top:0;
	font-size:12px
}

.feed-displays .ab-feed .ab-feed-body .ab-card.with-image .ab-description .ab-url-area
{
	margin-top:0;
	text-decoration:none
}

.feed-displays .ab-feed .ab-feed-body .ab-card+.ab-card
{
	border-top:1px solid #dedede
}

.feed-displays .ab-feed.ab-show
{
	-webkit-animation-name:none;
	animation-name:none
}

.feed-displays .ab-no-cards-message
{
	padding:16px;
	margin-bottom:0;
	color:transparent
}

.feed-displays .ab-no-cards-message:before
{
	content:"\E04\E38\E13\E22\E31\E07\E44\E21\E48\E21\E35\E23\E32\E22\E01\E32\E23\E41\E08\E49\E07\E40\E14\E37\E2D\E19\E43\E19\E02\E13\E30\E19\E35\E49";
	display:block;
	text-align:center;
	color:#969696;
	font-size:16px;
	padding-top:16px
}

.newsfeed-displays
{
	margin:0 auto
}

.newsfeed-displays .ab-feed
{
	margin:0 auto;
	width:100%;
	max-width:400px
}

.newsfeed-displays .ab-feed-buttons-wrapper
{
	display:none
}

.cover-vertical-motorcycle
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/motorcycle-cover.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:0 -5vw;
	padding:16px 0;
	margin-bottom:24px;
	position:relative
}

.cover-vertical-motorcycle:after
{
	content:"";
	position:absolute;
	height:100%;
	width:100%;
	background-color:rgba(0,0,0,.3);
	top:0
}

@media only screen and (min-width:64.063em)
{
	.cover-vertical-motorcycle
{
	padding:8px 0 16px;
	background-position:0 -18vw
}


}

.title-motorcycle,.title-vertical
{
	max-width:890px;
	margin:3rem auto 0;
	text-align:left
}

.title-motorcycle .keyword,.title-vertical .keyword
{
	font-family:Sukhumvit Set,Helvetica Neue,Helvetica,Arial,sans-serif;
	font-size:48px;
	font-weight:700;
	display:inline-block;
	color:#fff;
	margin-bottom:16px;
	line-height:36px;
	letter-spacing:1px;
	padding:22px 8px 0
}

.title-motorcycle .sub-keyword,.title-vertical .sub-keyword
{
	font-size:20px;
	font-weight:300;
	color:#eee
}

@media only screen and (min-width:40.063em)
{
	.vertical-type-motorcycle #main .filter-vertical .back-to-main-kaidee
{
	display:none
}

.vertical-type-motorcycle .showbrands-logo
{
	background-color:#e5f1ff;
	background-position:-60px 0;
	padding:0 0 0 8px
}

.vertical-type-motorcycle .bg-yamaha
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/Yamaha-logo_gray.svg);
	background-size:40px;
	background-repeat:no-repeat;
	background-position:top
}

.vertical-type-motorcycle .bg-yamaha.active,.vertical-type-motorcycle .bg-yamaha:hover
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/Yamaha-logo.svg)
}

.vertical-type-motorcycle .bg-honda-motorcycle
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/Honda-logo_gray.svg);
	background-size:40px;
	background-repeat:no-repeat;
	background-position:top;
	background-position:center 6px
}

.vertical-type-motorcycle .bg-honda-motorcycle.active,.vertical-type-motorcycle .bg-honda-motorcycle:hover
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/Honda-logo.svg)
}

.vertical-type-motorcycle .bg-kawasaki
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/Kawasaki-logo_gray.svg);
	background-size:40px;
	background-repeat:no-repeat;
	background-position:top;
	background-position:center 16px
}

.vertical-type-motorcycle .bg-kawasaki.active,.vertical-type-motorcycle .bg-kawasaki:hover
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/Kawasaki-logo.svg)
}

.vertical-type-motorcycle .bg-suzuki-motorcycle
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/Suzuki-logo_gray.svg);
	background-size:32px;
	background-repeat:no-repeat;
	background-position:top
}

.vertical-type-motorcycle .bg-suzuki-motorcycle.active,.vertical-type-motorcycle .bg-suzuki-motorcycle:hover
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/Suzuki-logo.svg)
}

.vertical-type-motorcycle .bg-vespa
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/Vespa-logo_gray.svg);
	background-size:52px;
	background-repeat:no-repeat;
	background-position:top;
	background-position:center 14px
}

.vertical-type-motorcycle .bg-vespa.active,.vertical-type-motorcycle .bg-vespa:hover
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/Vespa-logo.svg)
}

.vertical-type-motorcycle .bg-bmw-motorcycle
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/BMW-logo_gray.svg);
	background-size:40px;
	background-repeat:no-repeat;
	background-position:top
}

.vertical-type-motorcycle .bg-bmw-motorcycle.active,.vertical-type-motorcycle .bg-bmw-motorcycle:hover
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/BMW-logo.svg)
}

.vertical-type-motorcycle .bg-ducati-motorcycle
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/Ducati-logo_gray.svg);
	background-size:34px;
	background-repeat:no-repeat;
	background-position:top
}

.vertical-type-motorcycle .bg-ducati-motorcycle.active,.vertical-type-motorcycle .bg-ducati-motorcycle:hover
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/Ducati-logo.svg)
}

.vertical-type-motorcycle #link-to-motorcycle-accessories
{
	width:130px;
	padding-left:10px;
	background-color:transparent;
	vertical-align:middle
}

.vertical-type-motorcycle #link-to-accessories
{
	vertical-align:middle
}

.vertical-type-motorcycle .auto-vehicle
{
	right:0
}


}

.vertical-type-motorcycle .modal-content #all-cate-list
{
	max-width:572px
}

.vertical-type-motorcycle .modal-content #all-cate-list li
{
	width:33.33333%
}

.vertical-type-motorcycle .showbrands-logo li
{
	width:8.5%;
	position:relative
}

.vertical-type-motorcycle .showbrands-logo li:first-child>a:before
{
	font-family:olxicons;
	-webkit-font-smoothing:antialiased;
	text-decoration:inherit;
	speak:none;
	display:inline-block;
	font-weight:400;
	content:"\F217";
	font-size:42px;
	color:#9a9a9a;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	padding-top:16px
}

.vertical-type-motorcycle .showbrands-logo li:first-child>a.active:before
{
	color:#4b67ca
}

.vertical-type-property .breadcrumb>ul li:first-child+li
{
	display:block!important
}

.cover-vertical-property
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/cover-vertical-1.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:0 -5vw;
	padding:16px 0;
	margin-bottom:24px;
	position:relative;
	background-position:0 -30vw
}

.cover-vertical-property:after
{
	content:"";
	position:absolute;
	height:100%;
	width:100%;
	background-color:rgba(0,0,0,.3);
	top:0
}

@media only screen and (min-width:64.063em)
{
	.cover-vertical-property
{
	padding:8px 0 16px;
	background-position:0 -26vw
}


}

.cover-vertical-property .title-vertical
{
	max-width:940px
}

.cover-vertical-property .title-type-img
{
	height:32px
}

.main-filter-property
{
	background-color:#fff;
	max-width:940px;
	margin:auto;
	color:#464646;
	position:relative;
	border-radius: 10px;
}

.box-filter-property
{
	padding:16px 0;
	text-align:left;
	color:#464646
}

.box-filter-property .item-nav
{
	display:inline-block
}

.box-filter-property .df-icon-map-marker
{
	vertical-align:3px;
	margin-right:8px
}

.box-search-location
{
	display:inline-block;
	vertical-align:top;
	padding:0 16px;
	width:100%
}

@media only screen and (min-width:64.063em)
{
	.box-search-location
{
	width:25%
}


}

.box-navigation-categoty
{
	display:inline-block;
	vertical-align:top;
	padding:0 16px;
	border-left:1px solid #e4e4e4;
	border-right:1px solid #e4e4e4;
	width:100%;
	margin-top:16px
}

@media only screen and (min-width:64.063em)
{
	.box-navigation-categoty
{
	margin-top:0;
	width:58%
}


}

.box-condition-search
{
	display:inline-block;
	vertical-align:top;
	padding:0 16px;
	/*position:absolute;*/
	right:0;
	top:0
}

@media only screen and (min-width:64.063em)
{
	.box-condition-search
{
	position:static;
	margin-top:0
}


}

.box-condition-search .item-nav
{
	display:inline-block
}

.title-filter
{
	font-size:14px
}

.tag-label
{
	background-color:#fff;
	font-size:12px;
	font-weight:700;
	color:#7b7b7b;
	display:inline-block;
	cursor:pointer;
	border:1px solid #c8c8c8;
	line-height:30px;
	border-radius:30px;
	padding:0 11px;
	margin:8px 8px 4px 0
}

@media only screen and (min-width:64.063em)
{
	.tag-label
{
	font-size:14px;
	font-weight:400
}


}

.tag-label.active,.tag-label.active:hover
{
	background-color:#4b67ca;
	border-color:#4b67ca;
	color:#fff
}

.tag-label.active:after
{
	color:#fff
}

.tag-label:hover
{
	border-color:#4b67ca;
	color:#4b67ca
}

#search-location-property
{
	border:none;
	border-bottom:1px solid transparent;
	box-shadow:none;
	padding-left:0;
	border-radius:0
}

#search-location-property:focus
{
	color:#4b67ca;
	border-bottom:1px solid #4b67ca
}

.Select-clear
{
	display:none
}

.box-navigation-categoty .item-nav:nth-child(8)>a
{
	/*
	position:relative;
	padding-right:24px
	*/
}

.box-navigation-categoty .item-nav:nth-child(8)>a:after
{
	/*
	font-family:olxicons;
	font-weight:400;
	content:"\F107";
	color:#969696;
	display:block;
	position:absolute;
	top:8px;
	right:8px
	*/
}

.box-navigation-categoty .item-nav:nth-child(8)>a:hover:after
{
	color:#4b67ca
}

.box-navigation-categoty .item-nav:nth-child(8)>a.active:after
{
	color:#fff
}

.box-navigation-categoty .item-nav:nth-child(8)>a:after
{
	top:50%;
	margin-top:-14px
}

.box-navigation-categoty-other>ul
{
	background-color:#fff;
	position:relative;
	z-index:10
}

.box-navigation-categoty-other>ul a
{
	font-size:14px;
	display:block;
	line-height:24px;
	padding:8px 16px;
	color:#464646;
	transition:.3s
}

.box-navigation-categoty-other>ul a:hover
{
	background-color:#eee;
	color:#4b67ca
}

.form-filter
{
	padding-top:24px
}

.close-filter
{
	font-size:24px;
	float:right
}

.close-filter:hover
{
	opacity:.8
}

.box-full-filter
{
	padding:16px 24px 24px;
	border-top:1px solid #eee;
	text-align:left;
	background-color:#fff;
	position:absolute;
	z-index:10;
	box-shadow:1px 1px 3px 1px hsla(0,0%,59%,.3)
}

.box-full-filter:before
{
	content:"";
	background-color:#fff;
	height:4px;
	position:relative;
	top:-20px;
	display:block;
	margin-left:-24px;
	margin-right:-24px;
	z-index:3
}

.row-filter
{
	display:table;
	width:100%;
	padding:16px 0;
	border-bottom:1px solid #dedede;
	position:relative
}

.row-filter .option-filter
{
	display:table-cell;
	vertical-align:middle;
	font-size:14px;
	color:#7b7b7b
}

.row-filter input[placeholder]
{
	color:#464646
}

.row-filter label
{
	cursor:pointer;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}

.row-filter label span
{
	font-size:14px
}

.box-varaible-number
{
	display:table;
	position:absolute;
	right:0;
	border:1px solid #dedede;
	border-radius:2px;
	top:-5px;
	width:64px;
	text-align:center
}

.box-varaible-number .action-event
{
	display:table-cell;
	vertical-align:middle;
	height:30px;
	width:50%;
	position:relative;
	font-weight:700
}

.box-varaible-number .action-event:hover
{
	color:#464646
}

.box-varaible-number .action-event:first-child:after
{
	background-color:#e4e4e4;
	content:"";
	width:1px;
	height:80%;
	top:2px;
	bottom:4px;
	position:absolute;
	right:0
}

.box-varaible-number .track-event
{
	display:inline-block;
	vertical-align:2px;
	position:relative
}

.varaible-pricing
{
	padding-bottom:0
}

.attr-gutter
{
	position:relative
}

.attr-gutter:before
{
	height:40px;
	width:40px;
	content:"";
	background-color:#fff;
	margin-left:-50px;
	z-index:10
}

.attr-gutter:after,.attr-gutter:before
{
	position:absolute;
	left:0;
	cursor:default
}

.attr-gutter:after
{
	margin-left:-33px;
	content:"-";
	top:10px;
	z-index:12
}

#price-end,#price-start
{
	border:none;
	height:39px;
	padding-bottom:18px;
	box-shadow:none;
	padding-left:0;
	font-size:14px
}

.receive-data
{
	border:none
}

.variable-filter-rooms
{
	margin-left:32px
}

.option-filter-type-checkbox
{
	width:25%;
	position:relative
}

.option-input-data
{
	width:50%;
	position:relative
}

.box-action-submit
{
	padding-top:16px;
	/* float:right */
}

body.posting:not(.success) .header-content .chat-header,body.posting:not(.success) .header-content .newsfeed,body.posting:not(.success) .header-content .place-my-ad
{
	display:none
}

body.posting:not(.success) .header-content .nav-user-menu
{
	right:0
}

.container-posting
{
	padding-top:8px
}

@media only screen and (min-width:40.063em)
{
	.container-posting
{
	padding:24px 0
}


}

.posting-container
{
	padding:0 8px
}

@media only screen and (min-width:40.063em)
{
	.posting-container
{
	padding:0
}


}

.item-input-data
{
	margin-bottom:16px
}

.item-input-data .option-type-checkbox,.item-input-data select
{
	border-color:#c8c8c8
}

@media only screen and (min-width:40.063em)
{
	.item-input-data input::-webkit-input-placeholder,.item-input-data textarea::-webkit-input-placeholder
{
	color:transparent!important
}

.item-input-data input:-moz-placeholder,.item-input-data input::-moz-placeholder,.item-input-data textarea:-moz-placeholder,.item-input-data textarea::-moz-placeholder
{
	color:transparent!important
}

.item-input-data input:-ms-input-placeholder,.item-input-data textarea:-ms-input-placeholder
{
	color:transparent!important
}


}

.item-input-data input[type=number],.item-input-data input[type=tel],.item-input-data input[type=text],.item-input-data textarea
{
	font-size:100%;
	color:#464646;
	line-height:40px
}

@media only screen and (min-width:40.063em)
{
	.item-input-data input[type=number],.item-input-data input[type=tel],.item-input-data input[type=text],.item-input-data textarea
{
	line-height:36px
}


}

.item-input-data input[type=number]:focus,.item-input-data input[type=tel]:focus,.item-input-data input[type=text]:focus,.item-input-data textarea:focus
{
	outline-color:#00c977;
	border-color:#00c977
}

.item-input-data label.input-data,.item-input-data label.label-data
{
	font-size:14px;
	font-weight:700;
	color:#464646
}

@media only screen and (min-width:40.063em)
{
	.item-input-data label.input-data,.item-input-data label.label-data
{
	color:#969696;
	font-size:16px;
	font-weight:400
}


}

@media only screen and (min-width:40.063em)
{
	.item-input-data .label-data
{
	padding-top:8px;
	text-align:right
}


}

.item-input-data small
{
	opacity:.8;
	font-size:12px
}

@media only screen and (min-width:40.063em)
{
	.item-input-data button
{
	max-width:120px
}


}

.select-category
{
	border-radius:2px;
	display:block;
	overflow:hidden;
	line-height:36px;
	padding-left:10px;
	position:relative;
	background-color:#fff;
	border:1px solid #c8c8c8;
	line-height:40px;
	cursor:pointer;
	color:#969696
}

.select-category:focus
{
	outline-color:#00c977
}

@media only screen and (min-width:40.063em)
{
	.select-category
{
	max-width:220px;
	line-height:36px
}


}

#edit-data-posting
{
	margin-left:8px;
	border:1px solid #c8c8c8;
	color:#969696;
	font-size:12px;
	padding:4px 12px;
	cursor:pointer;
	border-radius:16px
}

#edit-data-posting:hover
{
	border-color:#4b67ca;
	color:#4b67ca
}

.attr-data-category
{
	font-size:16px;
	font-weight:700;
	line-height:40px
}

.add-more-attr
{
	min-height:44px;
	position:relative;
	overflow:hidden;
	top:6px
}

@media only screen and (min-width:40.063em)
{
	.add-more-attr
{
	padding-left:10px
}


}

.add-more-attr .df-icon-dfclose
{
	margin-left:16px
}

#bathroom-input-more,#bedroom-input-more
{
	max-width:220px;
	display:inline-block;
	margin-right:8px
}

.data-type-price
{
	position:relative
}

@media only screen and (min-width:40.063em)
{
	.data-type-price
{
	max-width:220px
}


}

[for=price]~.data-type-price:before
{
	border-left:1px solid #eee;
	content:"";
	display:block;
	height:28px;
	position:absolute;
	right:56px;
	top:8px
}

@media only screen and (min-width:40.063em)
{
	[for=price]~.data-type-price:before
{
	display:none
}


}

[for=price]~.data-type-price:after
{
	font-size:16px;
	content:"\E1A\E32\E17";
	color:#999;
	position:absolute;
	right:17px;
	top:10px
}

@media only screen and (min-width:40.063em)
{
	[for=price]~.data-type-price:after
{
	display:none
}


}

.promote-option-content .type-service
{
	padding-left:72px
}

.promote-option-content [class*=icon-type-]
{
	background-repeat:no-repeat;
	background-color:#e5f1ff;
	background-size:64px;
	width:64px;
	background-position:50%;
	top:0;
	bottom:0;
	left:0
}

.promote-option-content .icon-type-top-ad
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/topad-info.svg)
}

.promote-option-content .icon-type-bump
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/bump-info.svg)
}

.posting .modal-portal .modal-table
{
	-webkit-transform:translateY(20%);
	transform:translateY(20%);
	opacity:0;
	transition:all .3s
}

.posting .modal-portal .modal-overlay--after-open .modal-table
{
	-webkit-transform:translateY(0);
	transform:translateY(0);
	opacity:1
}

@media only screen and (min-width:40.063em)
{
	.posting .active-selection
{
	left:0;
	right:0;
	top:10%;
	bottom:10%;
	position:absolute;
	margin:auto;
	max-width:380px
}

.posting .active-selection .selection-listing
{
	position:absolute;
	left:0;
	right:0;
	top:50px
}


}

.posting .active-selection li .arrow-right:after
{
	font-family:olxicons;
	content:"\F105";
	font-weight:400;
	display:inline-block;
	position:absolute;
	right:10px;
	top:1px
}

#upload-photo
{
	max-width:100%;
	min-height:45px;
	border-radius:10px;
	position:relative;
	padding:20px;
	border:2px dashed #dedede
}

#upload-photo .area-upload:focus
{
	outline-color:#00c977
}

#upload-photo .area-upload:after
{
	position:absolute;
	content:"";
	width:100%;
	left:0;
	bottom:0;
	top:0;
	right:0
}

.label-count-photo
{
	padding-top:4px
}

.wrapper-upload-photo:after,.wrapper-upload-photo:before
{
	display:block;
	content:"";
	clear:both
}

.wrapper-upload-photo>div
{
	float:left
}

.icon-upload-photo
{
	height:80px;
	width:106px;
	border:2px dashed #dedede;
	transition:.3s;
	font-size:12px;
	background-color:#fff;
	margin:0;
	text-align:center;
	cursor:pointer;
	position:relative;
	z-index:10;
	background-color:#e4e4e4;
	border:1px solid #ccc
}

@media only screen and (min-width:40.063em)
{
	.icon-upload-photo
{
	height:102px;
	width:134px
}


}

.icon-upload-photo:hover
{
	border-color:#b3b3b3
}

.icon-upload-photo:after
{
	font-family:olxicons;
	-webkit-font-smoothing:antialiased;
	text-decoration:inherit;
	speak:none;
	display:inline-block;
	font-weight:400;
	content:"\F055";
	position:absolute;
	right:-10px;
	top:-17px;
	font-size:16px;
	display:none
}

@media only screen and (min-width:64.063em)
{
	.icon-upload-photo:after
{
	display:none
}


}

.icon-upload-photo:before
{
	display:block;
	background-repeat:no-repeat;
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/icon-upload-photo.svg);
	content:" ";
	position:absolute;
	left:50%;
	right:0;
	width:32px;
	height:26px;
	background-size:32px;
	margin-left:-16px;
	top:24px
}

@media only screen and (min-width:64.063em)
{
	.icon-upload-photo:before
{
	top:16px
}


}

.icon-upload-photo span
{
	position:absolute;
	display:block;
	bottom:10px;
	left:0;
	right:0;
	color:transparent
}

@media only screen and (min-width:40.063em)
{
	.icon-upload-photo span
{
	color:#979797
}


}

@media only screen and (min-width:64.063em)
{
	.รถมือสอง.รถยนต์ .icon-upload-photo:before
{
	margin:0 auto;
	position:static;
	left:auto;
	right:auto;
	width:70px;
	height:70px;
	background-size:100%
}


}

@media only screen and (min-width:64.063em)
{
	.รถมือสอง.รถยนต์ .amout-of-photo-0 .icon-upload-photo:before
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/ic-rod-front.svg)
}


}

@media only screen and (min-width:64.063em)
{
	.รถมือสอง.รถยนต์ .amout-of-photo-1 .icon-upload-photo:before
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/ic-rod-side.svg)
}


}

@media only screen and (min-width:64.063em)
{
	.รถมือสอง.รถยนต์ .amout-of-photo-2 .icon-upload-photo:before
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/ic-rod-back.svg)
}


}

@media only screen and (min-width:64.063em)
{
	.รถมือสอง.รถยนต์ .amout-of-photo-3 .icon-upload-photo:before,.รถมือสอง.รถยนต์ .amout-of-photo-4 .icon-upload-photo:before,.รถมือสอง.รถยนต์ .amout-of-photo-5 .icon-upload-photo:before,.รถมือสอง.รถยนต์ .amout-of-photo-6 .icon-upload-photo:before,.รถมือสอง.รถยนต์ .amout-of-photo-7 .icon-upload-photo:before,.รถมือสอง.รถยนต์ .amout-of-photo-8 .icon-upload-photo:before
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/ic-plus.svg)
}


}

.amout-of-photo-9 .area-upload
{
	display:none
}

.data-type-detail input::-webkit-input-placeholder,.data-type-detail textarea::-webkit-input-placeholder
{
	color:#969696!important
}

.data-type-detail input:-moz-placeholder,.data-type-detail input::-moz-placeholder,.data-type-detail textarea:-moz-placeholder,.data-type-detail textarea::-moz-placeholder
{
	color:#969696!important
}

.data-type-detail input:-ms-input-placeholder,.data-type-detail textarea:-ms-input-placeholder
{
	color:#969696!important
}

#detail
{
	max-height:110px;
	resize:none;
	line-height:normal
}

.list-image,.posting li[id*=liImage_]
{
	position:relative;
	overflow:hidden
}

.posting li[id*=liImage_]
{
	float:left;
	border:1px solid #dedede;
	margin:0 16px 16px 0;
	padding:4px;
	z-index:200;
	height:80px;
	width:106px;
	list-style:none
}

@media only screen and (min-width:40.063em)
{
	.posting li[id*=liImage_]
{
	height:102px;
	width:134px
}


}

.posting li[id*=liImage_]:after
{
	display:block;
	content:" ";
	position:absolute;
	height:20px;
	bottom:0;
	right:0;
	left:0;
	z-index:1;
	background-color:hsla(0,0%,100%,.9);
	border-top:1px solid #dedede
}

.posting li[id*=liImage_]:hover
{
	cursor:move
}

.posting li[id*=liImage_] img
{
	display:block;
	max-width:100%;
	height:76px;
	margin:auto
}

.posting li[id*=liImage_] .span-rotate
{
	position:absolute;
	color:transparent;
	bottom:0;
	width:24px;
	height:20px;
	background-repeat:no-repeat;
	background-position:50%;
	background-size:16px;
	cursor:pointer;
	z-index:100;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	transition:.3s;
	left:0;
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/icon-rotate.svg)
}

.posting li[id*=liImage_] .span-rotate:hover
{
	background-color:#dedede
}

.posting li[id*=liImage_] .span-delete
{
	right:0;
	position:absolute;
	color:transparent;
	bottom:0;
	width:24px;
	height:20px;
	background-repeat:no-repeat;
	background-position:50%;
	background-size:16px;
	cursor:pointer;
	z-index:100;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	transition:.3s
}

.posting li[id*=liImage_] .span-delete:hover
{
	background-color:#dedede
}

.posting li[id*=liImage_] .span-delete:before
{
	font-family:olxicons;
	-webkit-font-smoothing:antialiased;
	text-decoration:inherit;
	speak:none;
	display:inline-block;
	font-weight:400;
	content:"\F014";
	color:#b9b9b9;
	margin-left:5px;
	position:relative;
	top:-3px
}

@media only screen and (min-width:40.063em)
{
	.posting li[id*=liImage_]:nth-child(3n)
{
	margin-right:0
}


}

@media only screen and (min-width:40.063em)
{
	.data-type-loacation
{
	max-width:220px
}


}

.data-type-loacation input::-webkit-input-placeholder,.data-type-loacation textarea::-webkit-input-placeholder
{
	color:#464646!important
}

.data-type-loacation input:-moz-placeholder,.data-type-loacation input::-moz-placeholder,.data-type-loacation textarea:-moz-placeholder,.data-type-loacation textarea::-moz-placeholder
{
	color:#464646!important
}

.data-type-loacation input:-ms-input-placeholder,.data-type-loacation textarea:-ms-input-placeholder
{
	color:#464646!important
}

#district
{
	margin-top:16px
}

.condition-law
{
	margin-top:0;
	font-size:14px
}

@media only screen and (min-width:40.063em)
{
	.data-type-tel
{
	max-width:220px
}


}

.หัวข้อ input::-webkit-input-placeholder,.หัวข้อ textarea::-webkit-input-placeholder
{
	color:#464646!important
}

.หัวข้อ input:-moz-placeholder,.หัวข้อ input::-moz-placeholder,.หัวข้อ textarea:-moz-placeholder,.หัวข้อ textarea::-moz-placeholder
{
	color:#464646!important
}

.หัวข้อ input:-ms-input-placeholder,.หัวข้อ textarea:-ms-input-placeholder
{
	color:#464646!important
}

.โทสับ input::-webkit-input-placeholder,.โทสับ textarea::-webkit-input-placeholder
{
	color:#464646!important
}

.โทสับ input:-moz-placeholder,.โทสับ input::-moz-placeholder,.โทสับ textarea:-moz-placeholder,.โทสับ textarea::-moz-placeholder
{
	color:#464646!important
}

.โทสับ input:-ms-input-placeholder,.โทสับ textarea:-ms-input-placeholder
{
	color:#464646!important
}

.โทสับ [class^=tel-l]
{
	position:absolute;
	font-style:normal;
	margin-left:230px;
	margin-top:-24px;
	width:10px;
	height:10px;
	border-radius:50%;
	color:#00c977;
	background-color:#00c977;
	overflow:hidden;
	transition:all .2s ease-out
}

@-webkit-keyframes fadeAway
{
	0%
{
	opacity:1
}

70%
{
	opacity:.5
}

to
{
	opacity:0
}


}

@keyframes fadeAway
{
	0%
{
	opacity:1
}

70%
{
	opacity:.5
}

to
{
	opacity:0
}


}

.โทสับ .tel-length-0
{
	opacity:0
}

.โทสับ .tel-length-1
{
	opacity:.1
}

.โทสับ .tel-length-2
{
	opacity:.2
}

.โทสับ .tel-length-3
{
	opacity:.3
}

.โทสับ .tel-length-4
{
	opacity:.4
}

.โทสับ .tel-length-5
{
	opacity:.5
}

.โทสับ .tel-length-6
{
	opacity:.6
}

.โทสับ .tel-length-7
{
	opacity:.7
}

.โทสับ .tel-length-8
{
	opacity:.8
}

.โทสับ .tel-length-9
{
	opacity:.9
}

.โทสับ .tel-length-10
{
	-webkit-animation-duration:.2s;
	animation-duration:.2s;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-iteration-count:1;
	animation-iteration-count:1;
	-webkit-animation-name:fadeAway;
	animation-name:fadeAway;
	-webkit-animation-timing-function:linear;
	animation-timing-function:linear;
	width:80px;
	height:80px;
	margin-top:-55px;
	margin-left:210px
}

.posting-quality:after,.posting-quality:before,.posting-wantto:after,.posting-wantto:before
{
	display:block;
	content:"";
	clear:both
}

.posting-quality .data-type-option,.posting-wantto .data-type-option
{
	padding-top:8px
}

.posting-quality .row-filter,.posting-wantto .row-filter
{
	padding:0;
	border:none
}

.posting-quality .option-filter-type-checkbox,.posting-wantto .option-filter-type-checkbox
{
	display:inline-block;
	font-weight:700;
	width:25%
}

@media only screen and (min-width:40.063em)
{
	.posting-quality .option-filter-type-checkbox,.posting-wantto .option-filter-type-checkbox
{
	width:20%
}


}

@media only screen and (min-width:1200px)
{
	.posting-quality .option-filter-type-checkbox,.posting-wantto .option-filter-type-checkbox
{
	width:15%
}


}

.posting-area:after,.posting-area:before
{
	display:block;
	content:"";
	clear:both
}

@media only screen and (min-width:40.063em)
{
	.posting-area .wrap-area
{
	max-width:220px
}


}

.posting-area .select-option-dropdown
{
	width:88px;
	position:absolute;
	top:0;
	right:0;
	border-left:1px solid #c8c8c8
}

@media only screen and (min-width:40.063em)
{
	.posting-area .select-option-dropdown
{
	border-left:none
}


}

.posting-area .data-type-area
{
	border-radius:2px 0 0 2px
}

@media only screen and (min-width:40.063em)
{
	.posting-area .data-type-area
{
	max-width:132px
}


}

#unit
{
	font-size:14px;
	height:36px;
	line-height:34px;
	border-radius:0 2px 2px 0;
	border-left:none;
	font-weight:700;
	border-color:#c8c8c8;
	color:#464646;
	height:42px
}

@media only screen and (min-width:40.063em)
{
	#unit
{
	height:38px
}


}

.posting-bathroom,.posting-bedroom
{
	padding-top:8px
}

.posting-auto-attribute:after,.posting-auto-attribute:before,.posting-bathroom:after,.posting-bathroom:before,.posting-bedroom:after,.posting-bedroom:before,.posting-fuel:after,.posting-fuel:before,.posting-year:after,.posting-year:before
{
	display:block;
	content:"";
	clear:both
}

@media only screen and (min-width:40.063em)
{
	.posting-brandmobile .data-type-brandmobile,.posting-year .data-type-year
{
	max-width:220px
}


}

.posting-fuel
{
	padding-top:16px
}

@media only screen and (min-width:40.063em)
{
	.posting-fuel .data-type-fuel
{
	max-width:220px
}


}

.posting .active-selection .selection-listing ul.more li:not(.all) a:after
{
	display:none
}

.exp-component-posting
{
	padding:24px
}

@media only screen and (min-width:40.063em)
{
	.exp-component-posting
{
	max-width:600px;
	min-width:600px
}


}

.exp-component-posting .button-green:not(.btn-promote)
{
	font-size:18px;
	font-weight:700;
	padding:20px 10px
}

.exp-component-posting.modal-global-conent
{
	max-width:100%;
	padding:24px 24px 16px
}

@media only screen and (min-width:40.063em)
{
	.exp-component-posting.modal-global-conent
{
	width:460px
}


}

.exp-component-posting .bg-icon-coin
{
	background-size:20px;
	padding-left:22px
}

.exp-component-posting .btn-gray
{
	opacity:.8;
	border:none;
	background-color:transparent
}

.exp-component-posting .badge-beta
{
	background-image:url(//assets.kaidee.com/blackpearl/0b44b3788aea11c465e7489861654dd6/images/badge-ribbon.svg);
	position:absolute;
	top:-2px;
	left:-4px;
	display:block;
	width:48px;
	height:48px
}

@media only screen and (min-width:40.063em)
{
	.pd-r-haft
{
	padding-right:50%
}


}

@media only screen and (min-width:40.063em)
{
	.exp-top-ad-stats.default
{
	position:absolute;
	right:0;
	top:0
}


}

.exp-top-ad-stats img
{
	width:100%
}

body.posting #footer
{
	display:none
}

@media only screen and (min-width:40.063em)
{
	body.posting #footer
{
	display:block
}


}