#djmore {
	height: 89px;
	width: 100%;
	overflow: hidden;
	display: inline-block;
}
.djmode {
	margin: 0 20px 0;
	padding: 0;
}
.blogcat {
    max-width: 630px;
    margin: auto;
}
.blogshow {
    max-width: 580px;
    margin: auto;
}
.art-logo {
	width: 120px;
	margin: 10px 5px;
}
.art-logo img.nzw-logo {
	width: 120px;
}
.line1-3 {
    display: -webkit-box;
    max-height: 2rem;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 1;
    line-height: 1.3rem;
}
.white-space-hidden {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;  /* số dòng hiển thị */
    -webkit-box-orient: vertical;
}
.white-space { white-space: nowrap;}
.none {display: none;}
.hide {display: none;}
.mobi-main-in {
	max-width: 1300px;
	margin: auto;
	box-shadow: 0px 2px 10px 0px #4a4a4a;
	-webkit-box-shadow: 0px 2px 10px 0px #4a4a4a;
}
.mobile-main {
	position: fixed;
	bottom: 0;
	right: 0;
	width: 100%;
	z-index: 9999;
}
.mobi-main a {
	display: block;
	text-align: center;
	padding: 10px 5px 5px;
	background: #fff;
	color: #555;
	text-decoration: none;
	line-height: 14px;
}
.mobi-main a:hover, .mobi-main a:active {
	color: #15aa54;
}
.mobi-main .nfav_label {
	font: 12px/20px arial;
}
.mobi-main .icons, .djatab .icons {
	font: 23px/20px arial;
}
.quick-search a, .link-post {
	background: #f3f5f7;
	padding: 10px;
	margin: 0 10px 0 0;
	border-radius: 10px;
	color: #666666;
	text-decoration: none;
	font: 600 14px/18px arial;
}
.link-search {
	padding: 20px;
}
.quick-search a:hover {
	background: #e8e8e8;
}
.quick-search a i {
	margin: 0 5px 0 0;
}
.quick-search {
	display: inline-block;
	padding: 5px 0;
	margin: 10px 0;
}
.link-post {
	padding: 20px 10px;
	text-align: center;
}
.table-cell {
	display: table-cell;
}
.my-like { color: var(--greylike);}
.link-post a.qpost {
	border: 2px solid #15aa54;
	padding: 15px 20px;
	color: #fff;
	background: #15aa54;
}
.qpost .icons {
	font: 20px/24px arial;
	padding: 0 5px 0 0;
}
.quick-sea {
	display: inline-block;
	font: 500 16px/20px arial;
}
.quick-sea a {
	color: #666666;
	font: 600 16px/18px arial;
}
.quick-sea a:hover {
	color: #15aa54;
}
.detail-block a {
	color: #45370D;
	text-decoration: none !important;
	padding: 15px;
	margin: 20px 10px;
	display: block;
	border-radius: 10px;
	background: #ffffff;
	border: 1px solid #eaeaea;
	box-shadow: 0 2px 3px rgba(0,0,0,0.3);
}
.detail-block a:hover {
	background: #f3f5f7;
}
.link-post a.qpost:hover {
	background: #fff;
	color: #15aa54;
}
.button {cursor: pointer;}
button.dje_button.art-button, button.dje_button.art-button:hover, button.dje_button.art-button.active:hover, a.dje_button.art-button, a.dje_button.art-button:hover, a.dje_button.art-button.active:hover, #call_button,a.dje_button.art-button, a.dje_button.art-button:link, a:link.dje_button.art-button:link, body a.dje_button.art-button:link, a.dje_button.art-button:visited {
	border: 0;
	height: auto;
	box-shadow: 0 0 0 0;
	padding: 0 7px;margin: 0 5px 5px 0;
	font: 12px/150% arial;
	color: var(--color-body);
	background: none;
}
button.dje_button.art-button, a.dje_button.art-button {
}
#canedit_form {
    background: #f9fafb;
    padding: 20px 10px 1px;
    border-radius: 10px;
}
.ico-button {
	font-size: 20px;
	padding: 5px;
	margin: 0 auto;
	width: 26px;
	height: 25px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #eaeaea;
	border-radius: 8pc;
	text-align: center;
}
.btname {
	font: 600 12px/20px arial;
}
.center {
	text-align: center;
}
.abaform {
	padding: 20px 10px;
	box-shadow: 0 2px 3px #eaeaea;
	background: #f3f5f7;
	border-radius: 10px;
	border: 1px solid #f1f1f1;
}
.title_price {
    border: 0px solid #EAEAEA;
    border-radius: 7px;
    font: 600 12.5px/18px arial;
    padding: 5px 7px 5px 5px;
    margin: 0 -3px 0 5px;
    background: #f3f5f7;
}
.title_price .row_label { display: none !important;}
.block_price .price_unit {margin: 0 0 0 2px;}
#dj-classifieds .abaform textarea, .abaform textarea {
	height: auto;
	border-radius: 10px;
	padding: 5px 10px;
	border: 1px solid #f1f1f1;
	width: 80%;
	float: left;
}
.id-bar-right .noline_menu h3.t, .id-bar-right .noline_menu h3 {
	border: 0;
	padding: 0px 0 5px;
	margin: 0px 0 0px;
}
.id-bar-right h3, .id-bar-right h3.t {
	text-align: left;
	border-top: 1px dashed #dddddd;
	padding: 15px 0 5px;
	margin: 10px 0 0px;
	font: 600 17px/25px arial;
}
.id-bar-right .art-block {
	padding: 0px 12px;
	margin: 0px;
}
.id-bar-right .art-blockheader {
	padding: 0;
}
.id-bar-right img.mod_imgcat, .mod_imgcat {
	padding: 5px;
	margin: 0 10px 0 0;
	width: 27px;
	background: #eaeaea;
	border-radius: 8pc;
	border: 0;
}
.id-bar-right .flex-items {
	display: flex;
	align-items: center;
}
.id-bar-right ul {
	background: #fff;
}
.id-bar-right ul>li {
	padding: 0;
}
.id-bar-right ul>li:last-child {
	border-bottom: 0;
}
.id-bar-right ul>li::before {
	margin: 0;
	content: none;
}
.id-bar-right .art-blockcontent {
	background: #fff;
	padding: 0;
}
.id-bar-right .djcf_menu a {
	padding: 10px 3px;
}
.id-bar-right .djcf_user_menu a {
	padding: 5px 3px;
}
.id-bar-right .djcf_user_menu .mod_imgcat {
	width: 27px;
	height: 27px;
	font-size: 18px;
	line-height: 20px;
}
.id-bar-right .djcf_user_menu ul>li {
	border-bottom: 1px solid #F9FAFB;
}
.id-bar-right .djcf_user_menu ul>li:last-child {
	border: 0;
}
.id-bar-right .new_ads, .id-bar-right .djcf_menu .new_ads, .id-bar-right .djcf_user_menu .new_ads {
	background: #d8ecff;
	padding: 0;
	margin: 0 20px 0 0;
	border-radius: 10pc;
	color: #666666;
	max-width: 300px;
}
.id-bar-right .new_ads .mod_imgcat {
	border: 3px solid #fff;
	width: 27px;
	height: 27px;
}
.id-bar-right .new_ads:hover .icons {
	color: #256bfd;
}
.id-bar-right .new_ads:hover {
	background: #6e9cf9;
	color: #fff !important;
}
.id-bar-right .in-art-block, .in-art-block {
	padding: 0px 10px 0 5px;
}
.idus-link .mod_desname {
	color: #000;
}
.mod_desname {
	font: 600 15px/18px arial;
	display: inline-block;
}
.mod_deple {
	line-height: 14px;
}
.mod_descrip p {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
/*****************************************/
/* Style col */
#smore {display: none;background: #f9fafb; padding: 20px;margin: -18px 0 0;}
.float-right { float: right;}
.float-left { float: left;}
.grid {display: grid;}
.flex {display: flex;}
.flex-direction {flex-direction: column;}
.flex-left {display: flex; margin-left: auto;}
.inline-block {display: inline-block;}
.layout-15 {width: 15%;}.layout-20 {width: 20%;}.layout-25 {width: 25%;}
.layout-30 {width: 30%;}.layout-33 {width: 33%;}.layout-35 {width: 35%;}
.layout-40 {width: 40%;}.layout-50 {width: 50%;}.layout-60 {width: 60%;}
.layout-65 {width: 65%;}.layout-70 {width: 70%;}.layout-80 {width: 80%;}
.layout-85 {width: 85%;}.layout-100 {width: 100%;}
.layout-20-left {width: 18%;margin: 0 2% 0 0;}
.layout-145 {width: 145px;}
.layout-120 {width: 120px;}
select {
    padding: 6px 3px;
    font-weight: bold;
    box-shadow: 0 1px 3px rgba(0,0,0,.15);
    border-color: #cccccc91;
    cursor: pointer;
    border-radius: 7px;
    height: 32px;
}


/*****************************************/
/* Style the tab */
.djatab {
	overflow: hidden;
}
/* Style the buttons inside the tab */
.djatab a {
	transition: 0.3s;
}
/* Change background color of buttons on hover */
.djatab a:hover {
	background-color: #ddd;
}
/* Create an active/current tablink class */
.djatab a.active {
}
/* Style the tab content */
.djtabcontent {
	display: block;
}
.art-sidebar1.djtabcontent {
	display: table-cell;
}
.adshow {
	display: block;
}
#dj-classifieds .mce-tinymce {
    border-radius: 7px;
    border: 1px solid #e8e8e8;
}
#dj-classifieds .mce-stack-layout-item {
    border-color: #ffffff;
}
#dj-classifieds #intro_desc, #dj-classifieds textarea#intro_desc {
	text-align: center;
	padding: 5px;
	font-weight: 600;
}
#dj-classifieds #intro_content {
	border-radius: 7px;
		border: 0px solid #e8e8e8;
		padding: 7px;
		text-align: center;
		min-height: 250px;
		font: 600 200%/130% arial;
		overflow: hidden;
		max-width: 430px;
}
#dj-classifieds #intro_content:focus-visible, .cystop:focus-visible {
	border: none;
	box-shadow: none;
	outline: none;
}
#dj-classifieds textarea#intro_desc:focus-visible {
	border: none;
	box-shadow: none;
	outline: none;
}
#dj-classifieds textarea#intro_desc::placeholder {
    color: #d7d1d1;
}
#dj-classifieds .djform_row .radio .your-bgo {
	margin: 0 3px;
}
#dj-classifieds .hgt_dec {
    height: 333px;
    margin: auto;
    border: 1px solid #f9fafb;
    border-right: 0;
    border-left: 0;
}
#dj-classifieds #inl_content {
	padding: 30px;     border-radius: 15px;
}
#dj-classifieds .desc_infom {
    font: 600 200%/110% arial;margin: auto;
}
#dj-classifieds .it_img .blog_det {
    box-shadow: 0 2px 3px #eaeaea;
    background: #f3f5f7;
    border-radius: 10px;
    padding: 27px 15px;
    margin: 0 14px 0 2px;
}
#dj-classifieds .it_img .blog_det div {
    border-bottom: 0px solid #EAEAEA;
    margin: 0;
    padding: 0 0 1px;color: var(--color-date);
}
.cystop {
    font: 600 12.5px/18px arial;
    padding: 0px 3px;
    height: 30px;
    background: #eff9ff;
    border: 0;
    box-shadow: 0 0 0;
}
.align-center {align-items: center;}
.id_margin5 {margin: 5px 0 0;}
.id_margin5L {margin: 0 0 0 5px;}
.id_margin5R {margin: 0 5px 0 0;}
.id_margin10L {margin: 0 0 0 10px;}
.id_margin10R {margin: 0 10px 0 0;}
.id_margin10RB {margin: 0 10px 10px 0;}
.id_margin14LR {margin: 0 14px;}
.id_addon {
	background: #f1f9f2;
	border-radius: 7px;
	padding: 20px 10px;
	margin: 0 0 20px;
}
.id_more_row {
	background: #eff9ff;
	border-radius: 7px;
	padding: 20px 10px;
	margin: 0 0 20px;
}
.toggle-off {
	width: auto;display: inline-block;
	font: 500 23px/18px arial;
    transform: rotate(180deg);
    color: #b2c2d1;
    padding: 0 0 10px 10px;
    margin: 0 0 5px;
}
.toggle-on {
	width: auto;display: inline-block;
	font: 500 23px/18px arial;
	color: #54c6ff;
	padding: 10px 10px 0 0;
}
.ico-red {background: #eb8370;}
.ico-blu {background: #54c6ff;}
.ico-blk {background: #999;}
.ico-gre {background: #b7db68;}
.ico-red {background: #eb8370;}
.ico-red, .ico-blu, .ico-blk, .ico-gre {
	position: absolute;
	text-align: center;
	color: #fff;
	border-radius: 10pc;
	padding: 0px 3px;
	width: 14px;
	font: 500 12px/20px arial;
}
.before-note {
	padding: 0 0 0 27px;
	display: block;
}
.after-note {
	padding: 0 25px 0 0;
	display: block;
}
.centre-note {
	padding: 0 20px 0 27px;
	display: block;    font: 12px/16px arial;
}
.bndec {
	display: inline-block;
	height: 30px;
	width: 30px;
	border-radius: 8px;
	box-shadow: 0px 1px 2px 0px #cfcfcf;
}

.bndec.indec_white, .bndec.indec_none {
	border: 1px solid #ccc;
	height: 29px;
	width: 29px;
}
.indec_none {
    background: url(/iphoto/bgo/ico-x-xam30.png);
    background-size: cover;
}
.indec_white {
	background: url(/iphoto/bgo/con-meo.jpg);
	background-size: cover;
}
.indec_red {
	background-color: rgb(226, 1, 59);
	color: #fff;
}
.indec_pink {
	background-color: rgb(198, 0, 255);
	color: #fff;
}
.indec_yellowg {
	background-image: linear-gradient(45deg, rgb(241 192 63), #b7db68);color: var(--color-body);
}
.indec_redblu {
	background-image: linear-gradient(45deg, rgb(255, 0, 71), rgb(44, 52, 199));
	color: #fff;
}
.indec_blupin {
	background-image: linear-gradient(45deg, rgb(93, 63, 218), rgb(252, 54, 253));
	color: #fff;
}
.indec_blackx {
	background-image: linear-gradient(45deg, rgb(93, 99, 116), rgb(22, 24, 29));
	color: #fff;
}
.indec_greeny {
	background-image: linear-gradient(45deg, #3498db, #b7db68);
	color: #fff;
}
.indec_pink textarea, .indec_red textarea, .indec_blackx textarea, .indec_redblu textarea, .indec_blupin textarea, .indec_greeny textarea {
    color: #fff !important;
}
.indec_yellowg textarea {
    color: #000 !important;
}
.inl_c {
    border-right: 1px dashed #EAEAEA;
    border-left: 1px dashed #EAEAEA;
    border-bottom: 2px solid #EAEAEA;
    margin-top: -20px;
}
.inl_bedene .indec_white {border: 1px solid #eaeaea;color: var(--color-body);}
.inl_bedene .inl_c textarea#description, .inl_c textarea#description {
    font: 15px/18px arial;
    text-align: left;
    padding: 15px 10px;
}
.inl_bedene .inl_c textarea#description::placeholder, .inl_c textarea#description::placeholder, #dj-classifieds label input::placeholder {
    color: var(--color-date);
}
.inl_bedene textarea#description {
    font: 600 200%/120% arial;
    text-align: center;    margin: auto;
}
.inl_bedene .indec_pink, .inl_bedene .indec_red, .inl_bedene .indec_blackx, .inl_bedene .indec_redblu, .inl_bedene .indec_blupin, .inl_bedene .indec_greeny, .inl_bedene .indec_yellowg, .inl_bedene .indec_white {
    padding: 30px 20px;
    min-height: 250px;
    max-height: 289px;
    margin: auto;
    display: flex;
    overflow: hidden;
    border-radius: 15px;
}
.inl_bedene .indec_, .indec_, .inl_content {min-height: 130px;}
.inl_nonpink, .inl_nonred, .inl_nonblackx, .inl_nonredblu, .inl_nonblupin, .inl_nongreeny, .inl_nonyellowg, .inl_nonwhite {
    display: none;
}
.inl_non {display: block;}
.your-bgo:hover {opacity: 0.7;}
.your-bgo input[type="radio"] {
	z-index: 1;
	display: none;
	margin: 17px 0 0 0;
}
.your-bgo input[type="radio"]:checked~.bndec {
	border: 2px solid #0075ff;
	height: 27px; width: 27px;
    box-shadow: 0px 1px 3px 0px #4e81ff;
}
#intro_content, #intro_content div, #intro_content p, #intro_content span, #intro_content b, #intro_content i, #intro_content strong, #intro_content ul, #intro_content li, #intro_content form, #intro_content input, #intro_content table {
	max-width: 430px;
}
[contenteditable]#intro_content {
	/* Use Flexbox to center the content */
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	/* Apply min height of 4 lines */
	line-height: 1.2;
	min-height: calc(1.2em * 4);
	/* Border styles */
	border: 1px solid gray;
	border-radius: 5px;
}
.outcontent [placeholder]:empty::before {
	content: attr(placeholder);
	color: #ddd;
}
.outcontent [placeholder]:empty:focus::before {
	content: "";
}
textarea#description {
    resize: none;border: none;
    width: 100%;background: unset;
    &.auto {
        overflow-y: hidden;
    }
}
textarea#description:focus, textarea#description:focus-visible {
    border: none;
    box-shadow: none;
    outline: none;
}
textarea#description::placeholder {color: #d7d1d1;}
.forward-id {
    margin-top: 0px;
    padding: 7px 10px 6px;
    color: var(--blackx);
    border-top: 1px solid var(--boder);
    
}
.profile_img_share {height: 23px;    width: 30px;    display: block;}
.profile_img_share img, .profile_img_share .p__share {
    height: 23px;
    width: 23px;
    border-radius: 5pc;
    border: 2px solid #fff;
    margin: -2px 0px 0 5px;
    background: #dde5ed;
}
#dj-classifieds .profile_img_share .profile_img {
    height: 23px;
    width: 23px;
    font: 500 19px/23px arial;
    margin: 0px 0px 0 5px;
}
.forward-item {border-bottom: 1px solid var(--boder);  margin: 0 0px 6px;}
.forward-id .pro_name {font: var(--system-14-font);}
.out_forward .item_img {padding: 7px 7px 0;}
.out_forward .desi_info {}
.out_forward .item_desc {color: var(--likeshare);}
.item_img {padding: 7px 3px 0;}
.date_pro {
    font: 12px/23px arial;;
    color: var(--color-date);
    white-space: nowrap;
    overflow: hidden;
}
.pro_in_add {
    border-top: 1px solid #EAEAEA;
    margin: 0 10px 0px;
    padding: 15px 0 5px;
}
.pro_intros {
    background: #f3f5f7;
    border: none;
    border-radius: 24px;
    transition: all .1s;
    padding: 12px 20px;
    color: var(--color-date);
}
.pro_region {
    font: var(--system-12-font-15);    color: var(--color-date);
    white-space: nowrap; overflow: hidden;
}
a.pro_link, .art-postcontent a.pro_link, div#dj-classifieds a.pro_link:visited {
    color: var(--color-date);cursor: pointer;
}
.pro_dlink {
    color: var(--blue);
    border: 1px solid;
    border-radius: 5pc;
    padding: 5px 8px;
    font: var(--system-14-font);
}
.pro_title, .art-postcontent a.pro_title {font: var(--system-14-font-b);}
.pro_name, .pro_name a, .art-postcontent .pro_name a, .pro_title, .art-postcontent a.pro_title, .art-postcontent h1.pro_title {
    font: var(--system-14-font-14);
    color: var(--color-body);
    background: none;
    padding: 0;
    margin: 0;
    text-transform: unset;
}
.pro_name:hover, .pro_name a:hover, .art-postcontent .pro_name a:hover, a.pro_link:hover, .art-postcontent a.pro_link:hover, .art-postcontent a.pro_title:hover {
    opacity: 0.9;
}
.pro_item {padding: 0px 14px 4px;}
.pro_deitem {padding: 4px 3px 0px;border-bottom: 0px solid #f7f7f7; margin: 0 0px 6px;}
.out_forward .pro_deitem {padding: 4px 7px 7px;}
.pro_bottom {margin: 0 14px 0px;padding: 6px 0 0;border-top: 1px solid #EAEAEA;}
.pro_bottom.title {border-top: 0;padding: 0;}
.pro_like {margin: 6px 14px 5px;}
.pro_like_bottom {margin: 0 14px 15px;}
.pro_like_bottom .pro_like_bottom, .pro_bottom .pro_like_bottom {margin: 0 10px 0 0;}
.blog_profile_box { padding: 12px 10px 0;}
.blog_profile_add {padding: 10px 10px;}
.likebox a.jcm-count-cm,div#dj-classifieds .likebox a:visited {color: var(--greylike);}
.likebox a:hover {opacity: 0.8;}
.profile_name, .profile_name a, .profile_name a:link, .profile_name a:visited {
    font: var(--system-14-font-14);color: var(--color-body);
}
.profiles_items .fav_icon_fl {
    border: 1px solid;
    border-radius: 5pc;
    padding: 5px 8px !important;
    white-space: nowrap;
}
.profiles_items .icons.pro_region {display: none;}
.fv_num {font: var(--system-16-font-17);}

/********** Scrollbar-width ***************/
.scroll-x {white-space: nowrap;overflow-x: auto;}
.scroll-x {white-space: nowrap; overflow-x: auto;}
.scroll-x::-webkit-scrollbar-track {background-color: #fff;}
.scroll-x::-webkit-scrollbar {width: 0px !important;background-color: #fff;}
.scroll-x::-webkit-scrollbar-thumb {background-color: #fff;}

/*****************************************/
@media screen and (max-width:950px){
	/* Style the tab content */
	.djtabcontent, .art-sidebar1.djtabcontent {
		display: none;
	}
	.adshow {
		display: block;
	}
}
/*****************************************/
@media screen and (max-width:903px){
}
/*****************************************/
@media screen and (max-width:857px){
}
/*****************************************/
@media screen and (max-width:767px){
    .mobill {width: 100% !important;}
    input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], input[type="date"], input[type="number"], textarea {
    	padding: 8px 10px;
    }
}
/*****************************************/
@media screen and (max-width:684px){

}
/*****************************************/
@media screen and (max-width:567px){
	.mobi-main-in {
		width: 100%;
		display: inline-flex;
	}
	.djmode {
		margin: 0 5px 0;
		padding: 0;
	}
}
/*****************************************/
@media screen and (max-width:479px){
	.responsive .art-post {padding: 5px 1px !important;}
    .art-nostyleart-menu {
		padding: 20px 5px;
	}
	.mod_djclassifieds_items .item {
		height: 100%;
		padding: 2px 0 0px;
	}
    #dj-classifieds .djcf_items_blog .item_box_in {
    padding: 0px 0px;border-bottom: 4px solid #eaeaea;
    }
    #dj-classifieds .djcf_items_blog .item_img img {
    height: 190px !important;
    object-fit: cover;
    }
    #dj-classifieds .it_img .blog_det {
         margin: 0;padding: 25px 10px;min-height: 110px;
    }
    #dj-classifieds .dj-item {border: 0px solid #EAEAEA;box-shadow: none;border-radius: 0;}
    #dj-classifieds .dj-item .dj-item-in {margin: 0 0 30px;}
    #dj-classifieds .it_img {margin: 0 4px 0 0;}
    #dj-classifieds select.sortbybox, .sortbybox {width: 100%;}
    #dj-classifieds .djcf_items_blog .item_box_in2 {border-radius: 0;}
    .fav_icon_na .like-icon {width: 25px; height: 22px; background-size: 100%;}
    .like-icon { width: 26px; height: 23px;}
    .plupload_scroll { max-height: 0;min-height: 0; _height: ;}
    .comment-icon, .share-icon {width: 24px!important;height: 25px!important;background-position: center -2px !important;background-size: contain !important;}
    .djcf_items_blog .inl_bedene .indec_pink, .djcf_items_blog .inl_bedene .indec_red, .djcf_items_blog .inl_bedene .indec_blackx, .djcf_items_blog .inl_bedene .indec_redblu, .djcf_items_blog .inl_bedene .indec_blupin, .djcf_items_blog .inl_bedene .indec_greeny, .djcf_items_blog .inl_bedene .indec_yellowg, .djcf_items_blog .inl_bedene .indec_white {
    min-height: 225px;max-height: 240px;padding: 15px 20px;}

}
/*****************************************/
@media screen and (max-width:379px){
    .layout-145, #dj-classifieds select.layout-145 {width: 145px !important;}
    .layout-120, #dj-classifieds select.layout-120 {width: 120px !important;}
    .following {font-size: 0.8em;}

}
/*****************************************/
@media screen and (max-width:319px){
}
/*****************************************/
@media screen and (min-width:950px){
	.djtabcontent {
		display: block !important;
	}
	.art-sidebar1.djtabcontent {
		display: table-cell !important;
	}
	.djtabcontent.active {
		background: #ebedef;
		box-shadow: 0px 0px 5px 5px #eaeaea;
		width: 35%;
		z-index: 9;
		position: relative;
	}
	.clasi.djtabcontent.active {
		width: 80%;
	}
	.id-bar-right .new_ads, .id-bar-right .djcf_menu .new_ads, .id-bar-right .djcf_user_menu .new_ads {
		max-width: 230px;
		height: 35px;
	}
}

/**********like-button**********************/

.share-icon {
    background: url(/images/headers/comment-xam-share.svg) center center no-repeat;
    width: 24px;
    height: 22px;
    display: inline-block;
    position: relative;
    margin-right: 3px;
    font-size: 1.5rem;
}
.comment-icon {
    background: url(/images/headers/comment-line-right.svg) center center no-repeat;
    width: 24px;
    height: 22px;
    display: inline-block;
    position: relative;
    margin-right: 3px;
    font-size: 1.5rem;transform: scaleX(-1);
}
.jcm-blog {
    margin: 0 10px 0 0;
}
.fv_b_profile {color: var(--bluelink);}
.fv_b_profile, .fv_b_profile a, .fv_b_profile .fav_icon_fl {color: var(--bluec);padding: 5px 1px;cursor: pointer;}
.favana .fav_icon_link {
    color: var(--greylike);
    font: 600 14px/18px arial;
    cursor: pointer;
}
.fv_b_profile .fav_icon_fli {color: var(--greylike);cursor: pointer;}
.fav_icon_link {
    color: #c9bfbf;
    display: flex;
    align-items: center;
    justify-content: left;
    transition: all 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.fav_icon_link.fav_icon_na, a.fav_icon_na, a.fav_icon_a, a.fav_icon_na:hover, a.fav_icon_a:hover {
    color: var(--greylike);
    font: 600 14px/18px arial;
    cursor: pointer;
}

.fav_icon_link.fav_icon_na {background: url(../images/tim_na.svg) center center no-repeat;}
.fav_icon_link.fav_icon_a {color: #ff6e6f;}
.fav_icon_link.liked, .like-icon.liked {
    color: #ff6e6f;
    border-color: currentColor;
    filter: grayscale(0);
}

.fav_icon_link:hover {
    border-color: currentColor;
}
.fav_icon_na .like-icon {
    background: url(/images/headers/tim_na.svg) center center no-repeat;
}

.like-icon {
    width: 24px;
    height: 22px;
    display: inline-block;
    position: relative;
    margin-right: 3px;
    font-size: 1.5rem;
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyMSAxOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAuMTAxIDQuNDE3UzguODk1LjIwNyA1LjExMS4yMDdjLTQuNDY1IDAtMTAuOTY3IDYuODQ2IDUuMDgyIDE3LjU5MkMyNS4yMzcgNy4wMyAxOS42NjUuMjAyIDE1LjUwMS4yMDJjLTQuMTYyIDAtNS40IDQuMjE1LTUuNCA0LjIxNXoiIGZpbGw9IiNGRjZFNkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==") no-repeat center;
    background-size: 100%;background-position: 0px 0;
    -webkit-animation: heartUnlike 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
    animation: heartUnlike 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
}

.liked .like-icon {
    -webkit-animation: heartPulse 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
    animation: heartPulse 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
}

.liked .like-icon [class^=heart-animation-] {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyMSAxOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAuMTAxIDQuNDE3UzguODk1LjIwNyA1LjExMS4yMDdjLTQuNDY1IDAtMTAuOTY3IDYuODQ2IDUuMDgyIDE3LjU5MkMyNS4yMzcgNy4wMyAxOS42NjUuMjAyIDE1LjUwMS4yMDJjLTQuMTYyIDAtNS40IDQuMjE1LTUuNCA0LjIxNXoiIGZpbGw9IiNGRjZFNkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==") no-repeat center;
    background-size: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 22px;
    height: 20px;
    opacity: 0;
}

.liked .like-icon [class^=heart-animation-]::before,
.liked .like-icon [class^=heart-animation-]::after {
    content: "";
    background: inherit;
    background-size: 120%;
    width: inherit;
    height: inherit;
    display: inherit;
    position: relative;
    top: inherit;
    left: inherit;
    opacity: 0;
}

.liked .like-icon .heart-animation-1 {
    -webkit-animation: heartFloatMain-1 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
    animation: heartFloatMain-1 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
}

.liked .like-icon .heart-animation-1::before,
.liked .like-icon .heart-animation-1::after {
    width: 18px;
    height: 16px;
    visibility: hidden;
}

.liked .like-icon .heart-animation-1::before {
    opacity: 0.6;
    -webkit-animation: heartFloatSub-1 1s 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
    animation: heartFloatSub-1 1s 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
}

.liked .like-icon .heart-animation-1::after {
    -webkit-animation: heartFloatSub-2 1s 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
    animation: heartFloatSub-2 1s 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
    opacity: 0.75;
}

.liked .like-icon .heart-animation-2 {
    -webkit-animation: heartFloatMain-2 1s 0.1s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
    animation: heartFloatMain-2 1s 0.1s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
}

.liked .like-icon .heart-animation-2::before,
.liked .like-icon .heart-animation-2::after {
    width: 16px;
    height: 14px;
    visibility: hidden;
}

.liked .like-icon .heart-animation-2::before {
    -webkit-animation: heartFloatSub-3 1s 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
    animation: heartFloatSub-3 1s 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
    opacity: 0.25;
}

.liked .like-icon .heart-animation-2::after {
    -webkit-animation: heartFloatSub-4 1s 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
    animation: heartFloatSub-4 1s 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
    opacity: 0.4;
}

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

    50% {
        transform: scale(1.5);
    }
}

@keyframes heartPulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.5);
    }
}

@-webkit-keyframes heartUnlike {
    50% {
        transform: scale(0.75);
    }
}

@keyframes heartUnlike {
    50% {
        transform: scale(0.75);
    }
}

@-webkit-keyframes heartFloatMain-1 {
    0% {
        opacity: 0;
        transform: translate(0) rotate(0);
    }

    50% {
        opacity: 1;
        transform: translate(0, -25px) rotate(-20deg);
    }
}

@keyframes heartFloatMain-1 {
    0% {
        opacity: 0;
        transform: translate(0) rotate(0);
    }

    50% {
        opacity: 1;
        transform: translate(0, -25px) rotate(-20deg);
    }
}

@-webkit-keyframes heartFloatMain-2 {
    0% {
        opacity: 0;
        transform: translate(0) rotate(0) scale(0);
    }

    50% {
        opacity: 0.9;
        transform: translate(-10px, -38px) rotate(25deg) scale(1);
    }
}

@keyframes heartFloatMain-2 {
    0% {
        opacity: 0;
        transform: translate(0) rotate(0) scale(0);
    }

    50% {
        opacity: 0.9;
        transform: translate(-10px, -38px) rotate(25deg) scale(1);
    }
}

@-webkit-keyframes heartFloatSub-1 {
    0% {
        visibility: hidden;
        transform: translate(0) rotate(0);
    }

    50% {
        visibility: visible;
        transform: translate(13px, -13px) rotate(30deg);
    }
}

@keyframes heartFloatSub-1 {
    0% {
        visibility: hidden;
        transform: translate(0) rotate(0);
    }

    50% {
        visibility: visible;
        transform: translate(13px, -13px) rotate(30deg);
    }
}

@-webkit-keyframes heartFloatSub-2 {
    0% {
        visibility: hidden;
        transform: translate(0) rotate(0);
    }

    50% {
        visibility: visible;
        transform: translate(18px, -10px) rotate(55deg);
    }
}

@keyframes heartFloatSub-2 {
    0% {
        visibility: hidden;
        transform: translate(0) rotate(0);
    }

    50% {
        visibility: visible;
        transform: translate(18px, -10px) rotate(55deg);
    }
}

@-webkit-keyframes heartFloatSub-3 {
    0% {
        visibility: hidden;
        transform: translate(0) rotate(0);
    }

    50% {
        visibility: visible;
        transform: translate(-10px, -10px) rotate(-40deg);
    }

    100% {
        transform: translate(-50px, 0);
    }
}

@keyframes heartFloatSub-3 {
    0% {
        visibility: hidden;
        transform: translate(0) rotate(0);
    }

    50% {
        visibility: visible;
        transform: translate(-10px, -10px) rotate(-40deg);
    }

    100% {
        transform: translate(-50px, 0);
    }
}

@-webkit-keyframes heartFloatSub-4 {
    0% {
        visibility: hidden;
        transform: translate(0) rotate(0);
    }

    50% {
        visibility: visible;
        transform: translate(2px, -18px) rotate(-25deg);
    }
}

@keyframes heartFloatSub-4 {
    0% {
        visibility: hidden;
        transform: translate(0) rotate(0);
    }

    50% {
        visibility: visible;
        transform: translate(2px, -18px) rotate(-25deg);
    }
}