@font-face {
	font-family: 'peyda';
	src: url("../fonts/PeydaFaNum-Regular.ttf"), url("../fonts/PeydaFaNum-Regular.woff");
} 

@font-face {
	font-family: 'rokh';
	src: url("../fonts/RokhFaNum-Medium.ttf"), url("../fonts/RokhFaNum-Medium.woff");
}
@font-face {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-style: normal;
}
:after {
	font-family: 'Font Awesome 5 Free';
}
:before {
	font-family: 'Font Awesome 5 Free';
}
i {
	font-style: unset !important;
}
::placeholder {
	color: #ccc !important;
	font-size: 14px !important;
}


button {
	background: none !important;
	border: none !important;
	padding: 5px !important;
}

a {
	text-decoration: none !important;
	text-shadow: none !important;
}
a:focus {
	box-shadow: none !important;
}
button:focus {
	box-shadow: none !important;
}
button:active {
	background: unset !important;
}
i {
	font-weight: bold !important;
}
i.raty-star--off {
	opacity: 0.3;
}
.btn-primary:focus {
	background: unset !important;
}
ul {
	padding: 0px !important;
	margin: 0px !important;
}
ul li {
	list-style: none;
}

body,a,h1,h2,h3,h4,h5,h6,div,li,p,span,button,span {
	font-family: peyda !important;
	text-align: right;
	direction: rtl;
	color: #495057 !important;
	letter-spacing: -0.5px;
}
body.dashboard {
	background: #02082f;
}
body.dashboard .astroid-header-section{
	background: #151515 !important;
}


a.astroid-logo {
	margin-right: 0 !important;
}






.dashboard a,.dashboard h1,.dashboard h2,.dashboard h3,.dashboard h4,.dashboard h5,.dashboard h6,.dashboard div,.dashboard li,.dashboard p,.dashboard span,.dashboard button {
	color: #fff !important;
}

.dashboard a,.dashboard h1,.dashboard h2,.dashboard h3,.dashboard h4,.dashboard h5,.dashboard h6,.dashboard div,.dashboard li,.dashboard p,.dashboard span,.dashboard button {
	color: #fff !important;
}
.dashboard .modal-content a,.dashboard .modal-content h1,.dashboard .modal-content h2,.dashboard .modal-content h3,.dashboard .modal-content h4,.dashboard .modal-content h5,.dashboard .modal-content div,.dashboard .modal-content li,.dashboard p,.dashboard .modal-content span,.dashboard .modal-content button {
	color: #495057 !important;
}
.dashboard .modal-content input {
	background: #fff !important;
	border: 1px solid #ccc !important;
	color: #444 !important;
	font-size: 16px !important;
}


.mainheader .logo-wrapper {
	margin-left: 00px;
	margin-right: 15px;
}

.nav-item-id-181 ul.nav-submenu {
	display: none !important;
}
.nav-item-id-181:after {
	display: none !important;
}


.nav-item-submenu .nav-title span.menu-item-badge
,.nav-item-submenu .nav-title span.menu-item-badge:hover {
	color: #fff !important;
	background: #FF5722 !important;
	font-size: 12px !important;
	border-radius: 15px;
	padding: 2px 7px 3px;
	margin-top: 1px;
}


li.nav-item {
	list-style: none;
	display: flex;
	align-items: center;
}







.djloader {
	display: none;
}

.firstbox {
	margin-bottom: 20px;
	width: 100%;
}
.freebox {
	margin-top: 50px;
}
.adbox {
	width: 100%;
}
.firstbox .item_row_in {
	padding: 0 !important;
}
.firstbox .specialtitle {
    background: linear-gradient(to right, #F44336, #FFC107);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 25px;
    margin-top: 20px;
}
.firstbox .specialtitle:before {
	content: "";
	float: right;
	display: block;
	margin-left: 3px;
	background-repeat: no-repeat;
	background-image: url("/images/webdesign/premium.png") !important;
	background-size: 32px !important;
	background-position: 0 0 ;
	width: 32px;
	height: 32px;
}


.freebox .freetitle {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
    margin-top: 20px;
}



.itemrating span.norate {
	margin-left: 10px;
	font-size: 16px;
}
.itemrating span.norate:before {
	content: "";
	margin-left: 5px;
	float: right;
	margin-top: 4px;
	width: 18px;
	height: 18px;
	background-image: url('/images/webdesign/no-star.png') !important;
	background-size: 18px !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;
}
.itemrating .first-comment {
	font-size: 13px;
	color: #4CAF50 !important;
	z-index: 0 !important;
}
.modal-open .itemrating .first-comment {
	display: none;
}
.itemrating .first-comment {
	padding: 0 !important;
	margin-top: 1px !important;
}
.itemrating .first-comment:before {
	display: none;
}
.itemrating .first-comment:after {
	content: "";
	background: #8bc34a;
	opacity: 0.7;
	border-radius: 5px;
	margin-right: 5px;
	float: left;
	margin-top: 1px;
	width: 16px;
	height: 16px;
	background-image: url('/images/webdesign/left-thin.png') !important;
	background-size: 16px !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;
}
.itemrating a.view-comments {
	font-size: 13px;
	margin-right: 10px;
	margin-top: -2px;
	display: none;
}
.itemrating a.view-comments:after {
	content: "\f104";
	font-family: fontawesome;
	vertical-align: middle;
	margin-right: 5px;
	font-size: 10px;
}
.listpage .itemrating {
	display: flex;
	align-items: center;
	margin-left: 15px;
	align-content: center;
}
.listpage .itemrating .performance {
	font-size: 13px;
	color: #8BC34A !important;
	margin-right: 5px;
	margin-top: -3px;
}
.listpage .itemrating .performance.exelent:after {
	content: "\f087";
	margin-right: 3px;
	font-size: 14px;
	font-weight: bold;
	vertical-align: -1px;
}
.listpage .freelist .itemrating .performance {
	display: none;
}
.listpage .itemrating p {
	margin-bottom: 0;
}
.listpage .itemrating .verygood .ratestar {
	color: #8BC34A !important;
	/font-weight: bold;
	background: #8bc34a38;
	padding: 0 5px;
	border-radius: 5px;
}
.listpage .freelist .itemrating .ratestar {
	background: none;
	padding: 0;
}
.listpage .itemrating span.ratestar {
	font-size: 18px;
}
.listpage .itemrating span.ratestar:before {
	content: "\f005";
	float: right;
	font-weight: bold;
	margin-top: 0px;
	margin-left: 5px;
}
.listpage .itemrating .ratenumber {
	font-size: 14px;
	margin-right: 5px;
	vertical-align: 1px;
}
.listpage .freelist .itemrating .ratenumber {
	display: none;
}



.listpage .item_cf_box.minorder_con.has-minorder {
	/display: none !important;
}
.listpage .item_cf_box.minorder_con.not-minorder span {
	/display: none !important;
}
.listpage .item_cf_box.minorder_con.not-minorder {
	color:green !important;
}

.listpage .item_custom_fields.special-order .free-entry
, .listpage .item_custom_fields.special-order .free-entry span {
	color:green !important;
	margin-left: 0;
}

.listpage .item_custom_fields.special-order .free-salary
, .listpage .item_custom_fields.special-order .free-salary span {
	color:green !important;
	margin-left: 0;
}






.listpage .main_cat_desc  {
	margin-bottom: 0 !important;
}
.listpage .main_cat_desc p {
	font-size: 14px;
	font-weight: normal;
	line-height: 26px;
	text-align: justify;
}
.listpage .main_cat_desc .collapse .card , .listpage .main_cat_desc .collapsing .card {
	border: none !important;
	padding: 0 !important;
	margin: -10px 0 0 0 !important;
}
.listpage .main_cat_desc button.btn {
	background: none !important;
	padding: 0 !important;
	font-size: 13px  !important;
	border: none  !important;
}
.listpage .main_cat_desc button.mainbtn {
	margin-right: 5px;
	border-bottom: 1px dashed #888 !important;
	border-radius: 0 !important;
}
.listpage .main_cat_desc button[aria-expanded="false"] span.less
,.listpage .main_cat_desc button.mainbtn[aria-expanded="true"] span {
	display: none;
}
.listpage .main_cat_desc button.cardbtn {
	width: fit-content;
	background: #f5f5f5 !important;
	padding: 5px 10px !important;
	margin-bottom: 30px;
}
.listpage .main_cat_desc button.cardbtn[aria-expanded="true"] span.more
,.listpage .main_cat_desc button.mainbtn[aria-expanded="true"] span {
	display: none;
}



.listpage .cat_row {
	display: flex;
	justify-content: flex-start;
	padding: 0 !important;
	margin: 0 0 30px 0 !important;
}
.listpage .cat_row .clear_both {
	display: none;
}
.listpage .cat_row .cat_col {
	display: flex;
	justify-content: center;
	width: 23% !important;
	margin-left: 2% !important;
	padding: 20px 10px !important;
	background: #f7f7f7;
	box-shadow: 0px 10px 35px -30px !important;
	border: 1px solid #f3f3f3;
	border-radius: 15px;
}
.listpage .cat_row .cat_col .cat_col_in {
	display: flex;
	justify-content: center;
	padding: 0 !important;
	text-align:center !important;
}
.listpage .cat_row .cat_col .cat_col_in .title {
	text-align: center;
}
.listpage .cat_row .cat_col .cat_col_in .title a {
	font-size: 15px !important;
	font-weight: normal;
}
.listpage .cat_row .cat_col .cat_col_in img {
	margin: 0 auto 10px !important;
	float: none !important;
	width: 100px;
}
.listpage .cat_row .cat_col .cat_col_in .title h2 {
	text-align: center !important;
	margin: 0 !important;
}


.listpage .topcatnamebox {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.listpage .topcatnamebox .right {
	display: flex;
}
.listpage .topcatnamebox .topcatimage {
	margin-left: 10px !important;
}
.listpage .topcatnamebox .right .topcatimage img {
	width: 80px;
	margin: 0 0 0px 0 !important;
}
.listpage .topcatnamebox span.main_cat_title_path {
	display: flex;
	flex-direction: column;
	align-content: flex-end;
	align-items: flex-end;
}
.listpage .topcatnamebox span.main_cat_title_path a {
	font-weight: normal;
	font-size: 14px !important;
}
.listpage .topcatnamebox .main_cat_title_path a:after {
	content: "\f104" !important;
	font-family: fontawesome;
	font-size: 12px;
	margin-right: 5px;
	vertical-align: -1px;
}


.listpage .topcatname {
	display: flex;
	align-items: center;
}
.listpage .topcatname h2 {
	margin: 0 !important;
	font-size: 24px !important;
}
.listpage .topcatname .prename {
	margin-left: 5px !important;
}
.listpage .main_cat_title_path a {
	font-size: 15px !important;
}




.listpage .dj-category {
	border: none !important;
}
.listpage .dj-category .cat_row_title {
	background: none !important;
	border: none !important;
	text-align: right !important;
	padding: 0 !important;
	margin-bottom: 20px;
}





.listpage .item_row.p_special .item_title span.prom_ico {
	background: url(https:/jadid/images/verified.png) center center no-repeat !important;
	background-size: 32px !important;
	width: 32px !important;
	height: 32px !important;
	margin: 2px 5px -3px 0;
}

    
.listpage .dj-items-rows {
	display:  flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.listpage .item_row {
	flex-basis: 100%;
	margin-bottom: 20px;
}
.listpage .item_outer {
	padding: 00px 0px 20px;
	position: relative;
	border-bottom: 1px solid #ccc;
}

.listpage .item_outer_in {
	display: flex !important;
	flex-direction: row;
	height:100%;
	position: relative !important;
}
.listpage .item_content_in {
	position: relative !important;
	height: 100%;
}
.listpage #dj-classifieds .dj-items_order_by_in {
    border: none !important;
}
.listpage #dj-classifieds .dj-items .item_row .item_row_in {
	padding: 0  !important;
	border-bottom: none !important;
}
.listpage .item_row .item_custom_fields {
	position: absolute;
	bottom: 0 !important;
	margin-bottom: 0 !important;
	margin-bottom: 4px !important;
	font-size: 15px;
	display: flex;
	flex-direction: column;
}
.listpage .item_custom_fields span {
	margin-left: 3px;
}
.listpage .item_custom_fields .mahalleh_contact {
	display: none !important;
}

.listpage .item_custom_field_separator {
	display: none  !important;
}
.listpage .item_custom_fields .item_cf_box {
	font-size: 14px;
}
.listpage .item_cat_region_outer {
	position: absolute !important;
	bottom: 3px;
	left: 10px;
	font-size: 16px !important;
	margin-bottom: 0 !important;
	font-weight: bold;
}
.listpage .item_cat_region_outer .item_region:before {
	content: "";
	margin-right: -3px;
	float: right;
	margin-top: 0px;
	width: 28px;
	height: 28px;
	background-image: url('/images/webdesign/map-pin.png') !important;
	background-size: 28px !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;
}

.advert-list .item_img_box_in  {
	padding: 0 !important;
}
.advert-list .item_img_box_in img {
	border-radius: 10px;
}










#ar-1528971561366 {
	padding: 0 50px;
}
.footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-top: 1px solid #ddd;
	padding: 20px 0;
	flex-direction: column;
}
.dashboard .footer .middlebox {
	display: none;
}
.dashboard .footer .bottombox {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.dashboard .footer .links ul li:nth-of-type(3) , .dashboard .footer .links ul li:nth-of-type(1){
	display: none !important;
}
.itemid-101 .footer .middlebox {
	display: block;
}
.footer .middlebox {
	display: none;
	width: 100%;
	padding: 20px;
	border-bottom: 1px solid #ddd;
}
.footer .boxes {
	display: flex;
	justify-content: space-between;
}
.footer .boxes .title h3 {
	font-size: 16px !important;
	margin-bottom: 20px;
}
.footer .boxes .links a {
	font-size: 14px !important;
}
.footer .bottombox {
	display: flex;
	width:  100% !important;
	flex-direction: column;
	padding: 20px 20px 0;
}
.footer .bottombox .right {
	display: flex;
	justify-content: space-between;
}
.main-bottom-links {
	display: flex;
	gap: 25px;
}
.footer .right img {
	width: 120px;
	filter: grayscale(100%);
}
.footer .links ul {
	display: flex;
}
.footer .links ul li {
	margin-left: 10px;
}
.footer .links ul li a {
	font-size: 16px;
}



.footer {
	padding-bottom: 70px;
}
.footer .bottombox .links {
	position: fixed;
	bottom: 0;
	width: 100%;
	background: #282828;
	right: 0;
	padding: 10px 25px !important;
	z-index: 1022;
}
.footer .bottombox .links a {
	color: #fff !important;
	font-size: 14px !important;
}




.nav-link {
	padding: 0 0px 0 15px !important;
}



.headerlinks {
	display: flex !important;
	align-items: center;
	justify-content: space-between;
}



.btnboxes  {
	display: flex;
	align-items: center;
	flex-direction: row-reverse;
	padding-left: 30px;
}
.btnboxes .city-selector-btn {
    margin-left: 10px;
	display: flex;
	margin-bottom: 0;
	padding-bottom: 0;
	border: none;
	padding: 10px !important;
	background: #f2f2f275 !important;
	font-size: 14px !important;
	min-width: 80px;
	justify-content: center;
	margin-right: 5px;
	border-radius: 55px;
}
.btnboxes .regionbtn {
	border: none;
	padding:  10px;
	background: #ddd;
	font-size: 14px !important;
	min-width: 100px;
}
.btnboxes .regionbtn:before {
	content: "\f041";
	font-family: fontawesome;
	vertical-align: -2px;
	margin-left: 5px;
}
.loginmodalbtn {
	display: flex !important;
	font-size: 14px !important;
}




.consultmodalbtn
, .consultmodalbtn:focus {
	background: none !important;
	color: #FF5722 !important;
	border: none;
	font-weight: bold;
	font-size: 14px;
	margin-right: 10px;
	display: flex;
	align-items: center;
}
.consultmodalbtn:before {
	content: "";
	margin-left: 5px;
	float: right;
	width: 40px;
	height: 40px;
	background-image: url('/images/webdesign/chat-bubble.png') !important;
	background-size: 40px !important;
    background-repeat: no-repeat !important;
    background-position: 0px 2px !important;
}

.modalfixside h3 {
	color: #fff !important;
	margin-top: 20px !important;
}
.loginmodalbtn {
	background: none !important;
	border: none !important;
	font-size: 14px !important;
	padding: 0;
	display: flex;
	align-items: center;
	border-radius: 55px;
}
.loginmodalbtn:before  {
	content: "";
	float: right;
	width: 30px;
	height: 30px;
	background-image: url('/images/webdesign/fingerprintt.png') !important;
	background-size: 30px !important;
    background-repeat: no-repeat !important;
    background-position: 5px 0px !important;
}
.itemid-101 .loginmodalbtn {
	font-size: 14px !important;
}
.itemid-101 .loginmodalbtn:before  {
	background-image: url('/images/webdesign/user.png') !important;
	background-position: 0px 0px !important;
}

.headerbtn a.userprofile:before {
	content: "\f007";
	margin-left: 5px;
}
.listpage .astroid-header-section {
	border-bottom: none !important;
}

.astroid-header-section {
	background: #fff;
	z-index: unset !important;
}
.dashboard .astroid-header-section {
	z-index: 2 !important;
}
.topheader .container-fluid {
	padding: 0;
}
.headerbtn .profilemenu button.dropdown-toggle {
	background: none !important;
	border: none;
	padding:0;
	margin-left:5px;
	font-size: 14px;
}
.headerbtn .profilemenu button.dropdown-toggle:after {
	display: none;
}
.headerbtn .profilemenu button.dropdown-toggle:before {
	float: right;
	margin-left: 5px;
	font-size: 14px;
	content: "\f107" !important;
	margin-top: 2px;
	font-weight: bold;
}
.headerbtn .profilemenu ul {
	margin-left: -100px !important;
	margin-top: 10px !important;
	box-shadow: 0px 10px 30px -22px #444;
	border-radius: 10px;
	border: 1px solid #eee;
	border-top: 3px solid #e1287b;
	padding: 5px !important;
	animation: amir  0.1s ease-in-out ;
	position: relative;
}
@keyframes amir {
     0% {
        transform:  transLateY(10px) transLateX(5px);
		opacity: 0;
    }
    100% {
        transform:  transLateY(30px) transLateX(5px);
		opacity: 1;
    }
}
.headerbtn .profilemenu ul li {
	font-size: 14px;
}

.mod-breadcrumbs {
	border: none;
	margin-top: -5px;
	margin-bottom: 20px;
	padding: 9px 15px !important;
	border-radius: 9px;
}
.mod-breadcrumbs li {
	font-size: 14px;
	font-weight: normal;
	padding-left: 9px;
}
.mod-breadcrumbs li:before {
	display: none;
} 
.mod-breadcrumbs li:after {
	content: "\f104" !important;
	font-family: fontawesome;
	font-size: 10px;
	margin-right: 9px;
}
.mod-breadcrumbs li:first-child:after {
	display: none;
}
.mod-breadcrumbs li:first-child {
	padding-left: 0;
}
.mod-breadcrumbs li:last-child {
	color: #ccc !important;
}
.mod-breadcrumbs li:last-child:after {
	display: none;
}
ol.mod-breadcrumbs {
	padding: 0 !important;
	margin-top: 0px;
}
.breadcrumb {
	background: none !important;
}




.headsearch .search_word input {
	border-radius: 5px !important;
	height: 45px;
	margin-top: 10px;
	width: 300px;
}
.headsearch .search_buttons button {
	display: none;
}
#ar-1529472563843 {
	display: flex !important;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
}
#ac-6311faee6bde0c27003876 {
	/* display: flex; */
	align-items: center;
	justify-content: flex-start;
}
#ac-1529472563843 {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.dashboard #ac-1529472563843 {
	justify-content: flex-end;
}
#ac-62abfad6cdc79c81387577 {
	display: flex;
	justify-content: flex-end;
}
.djcf_menu li {
	display: flex;
	align-items: flex-start;
	border-radius: 5px;
}
.djcf_menu li a {
	border: none !important;
	background: none !important;
}
.djcf_menu  li img {
	margin-left: 5px;
}
.djcf_menu  li.active {
	border-right: 3px solid #e1287b;
	border-radius: 5px 0 0 5px;
	width: 200px;
	display: flex;
	flex-direction: column;
}
.djcf_menu  li.active ul {
	width: 100%;
}
.djcf_menu  li.active ul li.active {
	border: none !important;
	width: unset !important;
	background: none !important;
}
.djcf_menu  li.active ul li {
	font-size: 14px !important;
	margin-bottom: -15px;
	margin-right: 10px;
}
.djcf_menu  li.active ul li:last-child {
	font-size: 14px !important;
	margin-bottom: 0px;
}
.djcf_menu  li.active ul li a {
	font-weight: normal;
	color: #444 !important;
}
.djcf_menu  li.active ul li.active a {
	color: #e1287b !important;
}
.djcf_menu  li.active ul li a:before {
	content: "\f111";
	font-size: 6px;
	font-family: fontawesome;
	margin-left: 5px;
	vertical-align: 0px;
	color: #888 !important;
}
.djcf_menu  li.active ul li.active a:before {
	content: "\f111";
	font-size: 6px;
	font-family: fontawesome;
	margin-left: 5px;
	vertical-align: 0px;
	color: #e1287b !important;
}
.djcf_menu  li.active a {
	background: none !important;
	font-weight: bold;
	color: #e1287b !important;
}
.djcf_menu  li.active a span {
	color: #e1287b !important;
	font-weight: bold;
}
h3.module-title {
	font-size: 20px;
}



.mainheaderbox {
	width: 100%;
}
.mainheaderbox .astroid-stacked-divided-menu .row {
	margin: 0 !important;
}
.astroid-header-section header .header-block-item > div {
	padding-left: 0  !important;
}
.astroid-header-section header.astroid-stacked-divided-header:not(.astroid-header-sticky) .as-megamenu-section {
	border-top: none !important;
}
.sidesearch .search_regions {
	visibility: hidden;
	position:absolute;
}
.sidesearch .search_cats {
	visibility: hidden;
	position: absolute;
}

.sidesearch {
	background: #f9f9f9;
	padding: 20px !important;
	border-radius: 15px !important;
	box-shadow: 0px 15px 40px -35px;
	border: 1px solid #f5f5f5;
	margin-bottom: 30px;
}
.sidesearch h3.module-title {
	font-weight: bold !important;
}
.sidesearch .search_type {
	margin-bottom: 20px;
}
.sidesearch .djcf_se_row {
	/background: #f5f5f5;
	/padding: 20px !important;
	border-radius: 10px;
	border: none !important;
}
.sidesearch .search_ex_fields .djseform_field {
	/background: #f5f5f5;
	/padding: 20px !important;
	border-radius: 10px;
	border: none !important;
}
.sidesearch .search_only_images {
	/background: #f5f5f5;
	/padding: 20px !important;
	border-radius: 10px;
	border: none !important;
}

.sidesearch .radiofield_box_v {
	display: flex;
	align-items: center;
}
.sidesearch .radiofield_box_v input.inputbox {
	margin-left: 5px;
	width: 20px !important;
	height: 20px !important;
}
.sidesearch .radiofield_box_v label {
	font-size: 1px;
}
.sidesearch .djcf_se_row {
	/margin-bottom: 20px;
	border-bottom: 1px solid #ddd;
	/padding-bottom: 20px;
}
.sidesearch .custombox label.type-title {
	display: none;
}
.sidesearch .search_only_images {
	margin-bottom: 20px;
}
.sidesearch .search_only_images label.label {
	font-size: 16px;
}
.sidesearch .djseform_field {
	margin-bottom: 20px;
}
.sidesearch .djse_activity_locations span.label {
	font-size: 18px;
}
.sidesearch .djse_activity_locations span.activity-info {
	display: block;
	font-size: 12px;
	font-weight: normal;
	line-height: 20px;
	margin: 10px 0 15px;
}
.sidesearch .djse_activity_locations span.activity-info:before  {
	content: "\f05a";
	font-family: fontawesome;
	font-size:16px;
	margin-left: 3px;
	vertical-align: -2px;
}
.sidesearch .se_checkbox .switch {
	margin-left: 10px;
}
.sidesearch .djseform_field .se_checkbox_v {
	display: flex;
	margin-bottom: 5px;
	align-items: center;
}
.sidesearch .djseform_field label.switch
, .sidesearch .search_only_images label.switch {
	margin-bottom: 0 !important;
}
.sidesearch .djseform_field .se_checkbox_v input {
	width: 20px;
	margin-left: 10px;
}






.sidesearch .search_buttons button ,.sidesearch .search_buttons button:hover
,.sidesearch .search_buttons button:focus{
	background: #e1287b;
	text-shadow: none;
	color: #fff !important;
	padding: 10px 15px;
	float: right;
	margin: 10px 0px 0 0;
	box-shadow: none !important;
	border-radius: 5px;
	display: none;
}
.sidesearch select {
	height: 50px !important;
	border-radius: 10px !important;
	border: 1px solid #999 !important;
}
.indoor .sidesearch #se122_after_reg_0 {
	display: none;
}
.indoor .sidesearch .search_cats {
	display: none;
}






.pricebox:after {
	content: "";
	display: block;
	float: left;
	width: 30px;
	height: 20px;
	background-image: url('https://tajhiztalarhotel.com/images/webdesign/toman.png') !important;
	background-size: 30px !important;
    background-repeat: no-repeat !important;
    background-position: 2px 6px !important;
	opacity: 0.6;
	margin-right: 5px;
}







.listpage .bannermainbox { 
	/background: linear-gradient(to bottom, #f3f3f3, #fff);
	border: 1px solid #000;
	padding: 25px 25px 10px 25px !important;
	position: relative !important;
	margin: -2px 50px 0 50px;
	border-radius: 20px 0px 20px 20px; 
	overflow-x: auto;
	scrollbar-width: none;      
    -ms-overflow-style: none; 
    overflow: visible;
}
.listpage .bannermainbox .banner-layout .astroid-banner {
	width: 100%;
}
.listpage .bannermainbox .banner-layout .astroid-column {
	display: flex;
	flex-direction: column;
	/align-items: flex-start;
}
.listpage .bannermainbox .banner-layout .astroid-column .topbanner .container-fluid {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	position: unset !important;
	width: 100% !important;
}

.listpage .bannermainbox .banner-layout .astroid-column .topbanner .container-fluid h2 {
	margin: 20px 0 10px 0 !important;
}
.listpage .topbanner {
	padding: 0px 0px;
	z-index: 0;
	width: 100% !important;
}
.listpage .topbanner .container-fluid {
	display: flex;
	justify-content: flex-start;
	flex-wrap: nowrap;
	align-items: center;
	position: relative;
}
.listpage .topbanner .container-fluid .astroid-banner-title {
	width: fit-content !important;
	padding-left: 10px;
}
.listpage .topbanner .container-fluid h1.astroid-banner-title {
	margin: 0 0 0 10px;
	font-size: 24px;
	font-weight: bold;
}
.listpage .topbanner .container-fluid .astroid-banner-subtitle {
	width: fit-content !important;
	margin: 0;
}
.listpage .topbanner .container-fluid h2.astroid-banner-subtitle {
	width: fit-content !important;
	margin: 2px 0 0 0 !important;
	font-size: 14px;
}
.listpage .topbanner .container-fluid .astroid-banner-cta {
	margin-top: 0 !important;
	position: absolute;
	left: 0;
	display: none;
}
.listpage .topbanner .container-fluid .astroid-banner-cta a.consultbtn {
	font-size: 14px;
	border: none !important;
	background: #8bc34a26 !important;
	color: #8bc34a !important;
	border-radius: 55px;
}
.listpage .topbanner .container-fluid .astroid-banner-cta .consultbtn:before {
	content: "\f111";
	font-weight: bold;
	font-size: 6px;
	color: #8bc34a !important;
	margin-left: 5px;
	vertical-align: 0px;
	animation: homesupport 2s infinite ease-in-out ;
	position: relative;
}
@keyframes homesupport {
    0% {
		opacity: 0;
    }
	50% {
		opacity: 1;
    }
    100% {
		opacity: 0;
    }
}


.topbanner {
	background: none;
	padding: 30px 40px 30px;
}
.topbanner h1 {
	font-size: 20px;
	margin-bottom: -10px;
}
.topbanner h2 {
	font-size: 16px;
	font-weight: normal;
}


ul.nav-submenu span.nav-title {
	padding-right: 0 !important;
}
span.nav-title {
	font-weight: 400;
	font-size: 14px;
	/
	padding-right: 20px !important;
}
.megamenu-container.nav-submenu-container a span:hover {
	color: #FF5722 !important;
}
.nav-item-active a.active span {
	color: #FF5722 !important;
}

.megamenu-container.nav-submenu-container.nav-item-level-1 {
	margin-top: 10px;
	border-radius: 10px;
	border: none;
	border-top: 4px solid #FF5722;
	box-shadow: 0px 5px 30px -15px rgba(110, 109, 122, 1);
	padding: 10px 5px;
	background: #fff !important;
}
.nav-item-id-210 .megamenu-container.nav-submenu-container.nav-item-level-1 {
	margin-left: -70px !important;
	margin-top: 10px;
}
.nav-item-id-122 .megamenu-container.nav-submenu-container.nav-item-level-1 {
	margin-left: -140px !important;
	margin-top: 10px;
}
.nav-item-id-159 .megamenu-container.nav-submenu-container.nav-item-level-1 {
	margin-left: -140px !important;
	margin-top: 10px;
}
.nav-item-id-160 .megamenu-container.nav-submenu-container.nav-item-level-1 {
	margin-left: -150px !important;
	margin-top: 10px;
}
.nav-item-id-228 .megamenu-container.nav-submenu-container.nav-item-level-1 {
	margin-left: -155px !important;
	margin-top: 10px;
}
.nav-item-id-234 .megamenu-container.nav-submenu-container.nav-item-level-1 {
	margin-left: -130px !important;
	margin-top: 10px;
}




.megamenu-container.nav-submenu-container.nav-item-level-1 span {
	font-weight: 400;
	font-size: 14px;
}
.megamenu-container.nav-submenu-container.nav-item-level-2 ul.nav-submenu {
	margin-left: -150px !important;
	margin-top: -15px;
	border-radius: 5px;
	border: none;
	box-shadow: 0px 5px 30px -15px rgba(110, 109, 122, 1);
	padding: 10px ;
}
.megamenu-container .nav-submenu .nav-submenu {
	border-radius: 5px;
	border: none;
	left: -220px !important;
	box-shadow: 0px 5px 30px -15px rgba(110, 109, 122, 1);
}
ul.nav-submenu .nav-title i {
	right: unset !important;
	left: 0 !important;
	transform: rotate(-180deg); 
	display: none;
}
.nav-item-level-2.nav-item-parent {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.nav-item-level-2.nav-item-parent:after {
	content: "\f104";
	font-family: fontawesome;
	font-size: 12px;
	color: #555;
}
.nav-item-level-2.nav-item-parent ul.nav-submenu {
	display: none;
}
.breadcrumbs-box {
	padding: 40px 0px 0;
	margin-bottom: -30px;
}





.com-users-login__submit button {
	background: #e1287b;
	border: none;
	color: #fff !important;
	font-size: 16px;
	height: 60px;
}
.plg_system_webauthn_login_button {
	display: none;
}
.com-users-login__remember input {
	float: right !important;
	margin-left: 5px !important;
	margin-top: 5px;
	width: 18px;
	height: 18px;
	border: 1px solid #888;
}
.com-users-login__input input {
	background: #fff !important;
	height: 50px;
}
.input-password-toggle {
	background: #eee  !important;
	border: none;
	border-radius: 5px !important;
	margin-right: 5px;
}
.list-group-item {
	border: none;
	padding: 0;
	margin-top: 10px;
	font-size: 15px;
}
.com-users-login__options a:after {
	content: "\f104";
	font-family: fontawesome;
	vertical-align: -3px;
	margin-right: 5px;
	font-size: 14px;
}





.addpage .select2-container--default .select2-selection--single {
	width:  250px;
	padding-left: 10px;
	height: 50px !important;
	border-radius: 10px !important;
	border: 1px solid #999 !important;
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.addpage .select2-selection:after {
	content: "\f107";
	font-family: fontawesome;
	font-size: 13px;
	font-weight: bold;
}
.addpage .select2-selection__arrow {
	display: none;
}


.registration-page .profile_fields .title_top {
	display: none;
}
.registration-page .djimage .itemImage  {
	float: right !important;
}


.prom_rows.additem_djform {
	background: #f5f5f5;
	padding: 15px  15px 0 ;
}

.addpage .djimage .itemImage  {
	float: right !important;
}

.addpage .djrow_1318_price
, .addpage .djrow_1621_price 
, .addpage .djrow_2030_price  {
	display: none !important;
}


.addpage .additem_djform_in input.djImgInp {
	border: none !important;
	display: flex;
	align-items: center;
}
.addpage .itemInput.editTitle {
	display: none !important;
}
.addpage .imgMask {
	opacity: 1 !important; 
	background: none !important; 
}
.registration-page.addpage .itemImage {
	width: unset !important;
	height: unset !important;
}
.addpage .itemImage {
	max-width: 100px !important;
	max-height: 100px !important; 
	border-radius: 5px;
	margin-left: 10px !important;
	margin-right: 0 !important;
}
.addpage .itemImage img {
	width: 100px !important;
	height: auto !important;
	min-height: 100px !important;
	min-width: 100px !important;
}
.addpage .itemImage .delBtn {
	background: #272727 !important;
	background-size: 1px !important;
	font-size: 0px !important;
	padding: 0px 7px !important;
	height: 22px !important;
	width: 22px !important;
	opacity: 1 !important;
	top: unset !important;
	bottom: 3px !important;
	right: 3px !important;
	border-radius: 3px;
	display: flex !important;
	align-items: center;
}
.addpage .itemImage .delBtn:before {
	content: "\f00d";
	font-family: fontawesome;
	margin-top: 1px;
	font-size: 15px;
}
.addpage .itemImage .rotateBtn {
	background: #272727 !important;
	background-size: 1px !important;
	font-size: 0px !important;
	padding: 0 5px !important;
	height: 22px !important;
	width: 22px !important;
	opacity: 1 !important;
	bottom: 3px !important;
	top: unset !important;
	left: 3px !important;
	right: unset !important;
	border-radius: 3px;
	display: flex !important;
	align-items: center;
}
.addpage .itemImage .rotateBtn:before {
	content: "\f01e";
	font-family: fontawesome;
	margin-top: 1px;
	font-size: 14px;
}

.plancircleview .circle-container svg text {
	fill: #fff !important;
}
.dashboard .active-cat {
	visibility: hidden;
	position: absolute;
}

.dashboard .plupload .plupload_content .plupload_scroll {
    border-bottom: 1px solid #444 !important;
    background: #202020;
	border-radius: 10px 10px 0 0;
}
.plupload_filelist_content tr {
	background: #272727 !important;
	color: #fff !important;
	font-size: 16px !important;
}
#imageslimitalert {
	padding-bottom: 25px !important;
}
.addpage #ex_fields {
	width: 100%;
} 
.addpage #ex_fields .djform_row {
	background: #272727;
	padding: 15px;
	border-radius: 15px;
}
.dashboard .triggered19 {
	margin-top: -40px;
	margin-bottom: 20px !important;
	width: 100% !important;
}
.dashboard .triggered21 {
	margin-top: -40px;
	width: 100% !important;
}
.dashboard input {
	font-size: 16px !important;
}
.dashboard .triggered58 {
	margin-top: -35px;
	border-radius: 0 !important;
}
.dashboard .djrow_packageprice.group_2.triggered58 {
	border-radius: 0 0 15px 15px !important;
}

.dashboard .triggered59 {
	margin-top: -35px;
	border-radius: 0 !important;
}
.dashboard .djrow_packagedetail_2.group_11.triggered59 {
	border-radius: 0 0 15px 15px !important;
	padding-bottom: 15px !important;
}
.addpage .dj-additem {

	margin: auto;
	border-radius: 10px;
}
.addpage .additem_djform {
	border-radius: 10px;
	border: none !important;
}
.images_box.additem_djform .title_top {
	padding: 0 !important;
	margin-bottom: 20px;
	font-weight: normal !important;
}
.addpage .title_top {
	background: none !important;
	padding: 0px 15px !important;
	color: #ffffff !important;
	text-align: right !important;
	border-bottom: none !important;
	width: fit-content;
	margin-bottom: 5px;
	font-size: 20px;
}

.addpage .title_top span {
	color: #ffffff !important;
	display: inline-block;
	margin-right: 3px;
}
.addpage .group_10 {
	padding-right: 15px;
	background :#f5f5f5;
	margin-top: -20px;
}

.addpage .group_9 {
	padding-right: 15px;
	background :#f5f5f5;
	margin-top: -20px;
}
.addpage .djrow_photoprice {
	padding-top: 15px;
}
.addpage .djrow_daily_salary {
	margin-top: 50px;
	padding-top: 15px;
	border-radius: 15px 15px 0 0;
}
.addpage .djrow_photoprice {
	border-radius: 15px 15px 0 0;
}
.addpage .djrow_advertise_rules {
	border-radius: 0 0 15px 15px;
}
.addpage .djrow_studio_price {
	border-radius: 0 0 15px 15px;
}
.addpage .additem_djform_in {
	align-items: flex-start;
	flex-direction: column;
	border-radius: 10px !important;
	padding: 0px !important;
	margin-bottom: 15px;
}
.addpage .additem_djform_in input {
	height: 50px;
	border-radius: 10px !important;
	border: 1px solid #ddd !important;
	min-width: 250px;
	max-width: 250px;
}
.addpage .additem_djform_in input.by-value {
	background: #ccc !important;
	color: #888 !important;
}
.addpage .additem_djform_in input.checkbox {
	height: 20px !important;
	width: 20px !important;
	min-width: unset !important;
}
.addpage .additem_djform_in .checkbox_v {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}
.addpage .additem_djform_in .radio input {
	height: 20px;
	width: unset !important;
	min-width: unset !important;
}
.addpage .additem_djform_in .radio .radio_v {
	display: flex;
	align-items: center;
}
.addpage .additem_djform_in textarea  {
	width: 600px !important;
	height: 200px !important;
	border-radius: 10px !important;
	border: 1px solid #ddd !important;
}
.addpage .additem_djform_in select {
	height: 50px;
	border-radius: 10px !important;
	border: 1px solid #ddd !important;
	margin-bottom: 10px;
	min-width: 200px;
}
.addpage .djform_row.region #after_reg_5 select {
	border: 1px solid #e1287b !important;
}
.addpage .djform_row.region #after_reg_0 select {
	border: 1px solid #e1287b !important;
}

.djrow_entry_con {
	/* padding-bottom: 5px !important; */
	margin-bottom: 40px !important;
}
.djrow_entry_price {
	background: #eee;
	padding-right: 15px;
	margin-top: -10px;
	width: fit-content !important;
	padding: 20px !important;
	margin-bottom: 50px !important;
	border-radius: 10px;
}


.djform_row {
	margin-bottom: 20px !important;
}
.dashboard .djform_row.type {
	background: #272727;
	padding: 15px;
	border-radius: 15px;
	margin-top: -20px;
}
.djform_row.type.type-selected {
	visibility: hidden;
	position: absolute;
}
.dashboard .djtype_inputbox {
	background: #272727;
	padding: 15px;
	border-radius: 15px;
}
.dashboard .region-select {
	background: #272727;
	padding: 15px;
	border-radius: 15px;
}
.dashboard .djrow_neshani {
	background: #272727;
	padding: 15px;
	border-radius: 15px;
}

.djrow_minorder_price , .djrow_minorder_number {
	background: #eee;
	padding-right: 15px;
	margin-top: -20px;
	width: fit-content !important;
	padding: 20px !important;
	margin-bottom: 50px !important;
	border-radius: 10px;
}


.atelier-register .djrow_activity_locations_profile {
	display: none !important;
}


.addpage .djform_row.with-name {
	display: none;
}
.addpage .djform_row {
	display: flex;
	flex-direction: column;
	align-content: flex-start;
	align-items: flex-start;
	border-bottom: none !important;
	margin-bottom: 20px;
	width: 100%;
	/* margin-right: 10px; */
}
.addpage .djform_row .label {
	width: 100% !important;
	float: right;
	display: block;
	clear: both;
	margin: 0 0 20px !important;
    text-align: right !important;
    font-size: 20px !important;
    font-weight: normal !important;
}

.addpage .images_box {
	border-radius: 10px;
	background: #272727;
	padding: 15px 15px  0;
}
.addpage .images_box .additem_djform_in {
	display: flex;
	align-items: stretch;
}

.addpage .classifieds_buttons {
	display: flex !important;
	justify-content: flex-start;
}
.addpage .classifieds_buttons a {
	margin-right: 0 !important;
	background: #eee !important;
	padding: 20px 25px !important;
	border: none !important;
	color: #888 !important;
	text-shadow: none !important;
	font-weight: normal !important;
    font-size: 18px !important;
}
.addpage .classifieds_buttons button {
	background: #eee !important;
	padding: 20px 25px !important;
	border: none !important;
	text-shadow: none !important;
}
.addpage .classifieds_buttons button#preview_button {
	background: #f8fbda !important;
	color: #000 !important;
}
.addpage .classifieds_buttons button#submit_button {
	background: #8BC34A !important;
	color: #fff !important;
	font-weight: normal !important;
    font-size: 18px !important;
}
.addpage a.plupload_add {
	padding: 9px 10px;
	border-radius: 5px;
	background: #FFC107 !important;
	color: #000 !important;
	border: none !important;
	font-size: 16px;
}
.addpage .plupload_cell {
	padding: 30px 25px !important;
	display: flex;
}
.addpage #uploader {
	margin-top: -20px;
}
.addpage .ui-widget-content {
	border: none !important;
	border-radius: 15px !important;
}
.addpage .ui-widget-header {
	border: none !important;
}
.addpage .pricebox:after {
	display: none;
}
.addpage span.info {
	color: #888 !important;
	font-size: 12px  !important;
}
.addpage .info.register-region-field {
	margin-bottom: 5px !important;
}


.addpage #after_reg_0 select , .addpage #after_reg_0 select:focus {
	border: 1px solid #E91E63 !important;
}
.addpage #djform_row_new_mcat {
	display: none;
}
.addpage .firstimage-info {
	color: #FFC107 !important;
}
.addpage .img_info {
	font-size: 14px !important;
}
.addpage .firstimage-info:before {
	content: "\f071";
	font-family: fontawesome;
	vertical-align: -1px;
	margin-left: 5px;
	font-size: 18px !important;
}



#confirm_delete .modal-header button {
	color: #444 !important;
	opacity: 1 !important;
	width: unset !important;
	height: unset !important;
}
#confirm_delete .modal-header h3 {
	font-size: 15px !important;
}
#confirm_delete .modal-header button {
	margin: 0 !important;
}
 #confirm_delete .modal-footer button {
	background: #eee !important;
	border: none !important;
	padding: 15px 20px;
	text-shadow: none;
	height: 50px;
	border-radius: 10px;
}
#confirm_delete .modal-footer button.delete , #confirm_delete .modal-footer a {
	background: #e1287b !important;
	color: #fff !important;
	padding: 15px 30px;
	text-align: center !important;
	width: 90px;
	height: 50px;
	border-radius: 10px;
	border: none;
}
#confirm_delete .modal-body a {
	color: #e1287b !important;
}


.userprofile .useritems_search.djinputbox button {
	background: #ddd !important;
	border: none !important;
	height: 50px;
	width: 70px;
	text-align: center;
	text-shadow: none !important;
	margin-left: 0px !important;
	margin-right: 10px !important;
	border-radius: 10px !important;
}
.userprofile .useritems_search.action-buttons button.delete {
	background: #272727 !important;
	border: none !important;
	height: 50px;
	width: 70px;
	text-align: center !important;
	text-shadow: none !important;
	border-radius: 10px !important;
}
.userprofile .useritems_search {
	display: flex;
	justify-content: flex-end;
}
.userprofile .useritems_search input {
	height: 50px !important;
	border-radius: 10px !important;
}
.userprofile .djfilterbox select {
	height: 50px !important;
	border-radius: 10px !important;
}
.userprofile .useritems .title_top h1 {
	font-size: 24px;
	margin-bottom: 30px;
}

.userprofile .dj-useradverts .main_title {
	display: flex;
}
.userprofile .dj-useradverts .main_title .main_title_box {
	display: none;
	text-align: right !important;
}
.userprofile .dj-useradverts .main_title .main_title_box.first {
	display: block;
	width: 100% !important;
	margin-bottom: 15px;
	margin-top: 15px;
	border-radius: 10px;
}
.userprofile .dj-useradverts .main_title .main_title_box_in {
	text-align: right !important;
    border-radius: 10px;
    background: #272727 !important;
    border: none !important;
}
.userprofile .dj-useradverts .main_title .main_title_box_in input {
	float: right !important;
	margin-top: 5px;
	width: 18px;
	height: 18px;
	margin-left: 10px;
}
.userprofile .dj-useradverts .main_title .main_title_box_in img {
	display: none !important;
}
.userprofile .col_ua.public_status {
	display:  none !important;
}
.userprofile .col_ua_chx {
	width: 3% !important;
    position: relative !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: #272727;
    border-radius: 0 10px 10px 0;
    border-left: 1px solid #383737;
}
.userprofile .col_ua_chx input {
	width: 18px;
	height: 18px;
}
.userprofile .col_ua.icon_name {
	width: 97% !important;
	padding-left: 0 !important;
	height: 100% !important;
}
.userprofile .col_ua .top a.title {
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 18px;
}
.userprofile .col_ua .top a.title span {
	display: inline-block;
	font-size: 12px;
	font-weight: normal !important;
	color: #ffc107 !important;
}
.userprofile .col_ua .top a.title span:after {
	content: "\f111";
	font-family: fontawesome;
	font-size: 6px;
	margin-right: 5px;
	vertical-align: 0px;
	position: relative;
	-webkit-animation: greenalarm 1.5s infinite; 
	animation: greenalarm 1.5s infinite;
}
.userprofile .row_ua1_in {
	display: flex !important;
	justify-content: space-between;
}
.userprofile .detailbox {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 80%;
}
.userprofile .detailbox .bottom {
	display: flex;
	margin-top: 10px;
}
.userprofile .detailbox .bottom .col_ua_row {
	margin-left: 20px;
	font-size: 14px;
}
.userprofile .col_ua_in.advert-detail {
	height: 100%;
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
	align-items: stretch;
	width: 100% !important;
	padding: 15px !important;
}
.userprofile .imagebox {
	display: flex;
	align-items: stretch;
	justify-content: flex-end;
	padding-left: 5px;
	width: 50%;
}
.userprofile .imagebox .icon {
	float: none !important;
}
.userprofile .imagebox img {
	border-radius: 10px !important;
}
.userprofile .row_ua {
	margin-bottom: 30px !important;
    border-radius: 10px;
    border: 1px solid #383535 !important;
    background: #272727;
}
.userprofile .row_ua2_in {
	background: none !important;
	padding: 20px 10px !important;
}
.userprofile .row_ua1 {
	border-bottom: none !important;
}
.userprofile .row_ua2 {
	display: none;
}
.userprofile .ad-action {
	display: flex;
	margin-top: 10px;
}
.userprofile .ad-action a.button {
	background: #151515 !important;
	border: none !important;
	font-size: 14px !important;
	padding: 10px 20px !important;
	margin-left: 10px;
	font-weight: normal !important;
}
.userprofile .col_ua_row.status {
	display: none;
}



.userprofile .ad-status-box {
	display: flex;
	margin-bottom: 10px;
}

.userprofile .ad-status {
	display: flex;
	font-size: 14px !important;
	margin-left: 25px;
	font-weight: bold;
}
.userprofile .ad-status p.published {
	color: green !important;
	margin-right: 5px;
	font-weight: bold;
	margin-bottom: 0 !important;
}
.userprofile .ad-status p.unpublished {
	color: #F44336 !important;
	margin-right: 5px;
	font-weight: bold;
	margin-bottom: 0 !important;
}
.userprofile .ad-status img {
	display: none;
}


.userprofile .ad-status-expire {
	display: flex;
	font-size: 14px !important;
	font-weight: bold;
}
.userprofile .ad-status-expire span.approved {
	color: green !important;
	margin-right: 5px;
	font-weight: bold;
	margin-bottom: 0 !important;
}
.userprofile .ad-status-expire span.expired {
	color: #F44336 !important;
	margin-right: 5px;
	font-weight: bold;
	margin-bottom: 0 !important;
}
.userprofile .ad-status-expire img {
	display: none;
}
.userprofile .category_name {
	font-size: 14px !important;
	margin: 10px 0;
	display: flex;
}
.userprofile .category_name .cattitle {
	font-weight: bold;
	margin-left: 5px;
}
.userprofile .category_name .catpath {
	font-size: 14px;
}
.userprofile .category_name .delimiter {
	display: none;
}
.userprofile .category_name .catpath span {
	display: none;
}
.userprofile .category_name .catpath span:last-child {
	display: block;
}



.userprofile .from_plan {
	font-size: 14px;
}







.com-djclassifieds.view-item #cs-1528971561366 .container-fluid .astroid-column.col-lg-9 {
	width: 100% !important;
}
.com-djclassifieds.view-item #cs-1528971561366 .astroid-row {
	display: flex;
	flex-direction: column-reverse;
	justify-content: flex-end;
}
.com-djclassifieds.view-item #cs-1528971561366 .astroid-column {
	margin-bottom: 50px;
}
.view-item #ac-1530100662663 {
	display: none;
}





.toast.toast-warning {
	background:#d2ffc7;
	border-radius: 10px !important;
	border: 1px solid #8bc34a47;
}
.toast-progress {
	background: #4CAF50;
	top: 0;
}

.mainadvertcontent {
	display: none;
}

.advert-tabs .tab-content .title_top {
	display: none !important;
}
.advert-tabs {
	width: 50% !important;
	margin: auto;
}
.advert-tabs .nav-link {
	padding: 20px 0 !important;
}
.addpage .djform_prom_img {
	display: none;
}
.addpage #imageslimitalert {
	margin-bottom: 40px;
}
.addpage .new-edit-title {
	color: #e1287b !important;
	font-weight: bold;
	font-size: 20px;
}
.addpage .djform_prom_adet_label {
	background:  none !important;
	font-size: 14px !important;
	color: #e1287b !important;
}
.addpage .djform_prom_adet_value {
	background:  none !important;
	font-size: 14px !important;
	color: #e1287b !important;
}
.addpage .prom_rows .djform_prom_label label {
	text-align: right !important;
	width: 100%;
}
.addpage .prom_rows select {
	width: 200px !important;
}
.addpage .prom_rows .djform_prom_active_det {
	margin-bottom: 0 !important;
	margin-right: 15px !important;
}
.addpage .prom_rows .djform_prom_v_in {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.addpage .prom_rows .djform_field {
	width: 100% !important;
	float: none !important;
	text-align: right !important;
}
.addpage .prom_rows .djform_prom_desc {
	width: 100% !important;
	float: none !important;
	text-align: right !important;
	font-size: 14px;
}
.addpage .prom_rows .djform_prom_desc_in:before {
	content: "\f05a";
	font-family: fontawesome;
	vertical-align: -2px;
	color: #888;
	font-size: 18px;
}
.addpage #itemImagesWrap {
	margin-bottom: 50px !important;
}
.addpage #itemImagesWrap #itemImages .itemImage {
	float: right !important;
}
.plupload_scroll {
	border: none !important;
}
.addpage td.plupload_droptext {
	border: none !important;
	font-size: 20px;
	background: #202020;
}
#uploader {
	background: #151515 !important;
	border-radius: 14px !important;
}
.plupload_wrapper .plupload_filelist tr {
	background: #202020 !important;
}

.advert-template .advert-template-in {
	display: flex;
}
.advert-template .detailbox {
	width: 50%;
	display: flex;
	flex-direction: column;
	padding: 0 15px;
}
.special-details .title {
	display: flex;
	align-items: flex-end;
}
.special-details .title .catname {
	margin-bottom: 10px;
}
.special-details .title .itemcatname {
	margin-bottom: -4px !important;
}
.special-details .title_top {
	background: none !important;
	border: none !important;
	padding: 0 !important;
	display: flex;
	flex-direction: column-reverse;
}
.advert-dj-item .title_top h2 {
	font-size: 20px !important;
}
.advert-dj-item .title_top a {
	border: none !important;
	background: #eee !important;
	padding: 10px 20px !important;
	font-size: 12px !important;
	border-radius: 5px !important;
	margin-right: 0 !important;
	margin-left: 10px !important;
	width: 70px !important;
	text-align: center !important;
}
.advert-dj-item .bottomtitlelinks {
	display: flex;
}
.advert-fields {
	margin-bottom: 20px;
}
.advert-dj-item .contact_mainrow {
	display: none;
}
.advert-dj-item .contact_row {
	display: flex;
}
.dj-indicators {
	background: none !important;
}
.dj-indicators-in {
	padding-left: 0 !important;
}
.dj-indicators-in  img {
	border-radius: 10px;
	border: none !important;
}
#dj-slideshowThumbs1p .dj-load-button {
	border: none !important;
}






.general_det {
	width: 100% !important;
}
.advert-added-date .row_gd {
	display: flex;
	width: 100% !important;
	float: unset !important;
	font-size: 14px;
	margin-bottom: 10px !important;
}
.row_gd .row_label {
	padding: 0 !important;
	display: flex !important;
	background: none !important;
	border: none !important;
	margin-bottom: 0 !important;
	font-weight: normal !important;
}
.row_gd .row_label:after {
	content: ":";
	font-weight: bold;
	margin: -2px 5px 0;
}
.row_gd.added {
	margin: 0 !important;
	font-size: 14px;
}
.information.advert-info-modal {
	margin: 10px 0 20px 0;
}
.information.advert-info-modal button {
	background: none !important;
	width: 100%;
	text-align: right;
	padding: 10px 0;
	border: none;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	border-radius: 0;
	font-size: 14px;
}
.information.advert-info-modal button:after {
	content: "\f104";
	float: left;
	font-size: 12px;
	margin-top: 3px;
	font-family: fontawesome;
	color: #888;
}
.localization_det h2 {
	display: none;
}
.localization_det .row_value:before {
	content: "\f041";
	float: right;
	font-family: fontawesome;
	margin-left: 5px;
}
.localization_det .row {
	margin: 0 0 0 0 !important;
	display: flex;
	flex-direction: column;
}
.localization_det .row span.row_value {
	padding: 0;
	font-size: 14px;
}
.advert-region {
	margin-bottom: -15px;
}
.advert-details h2 {
	display: none;
}
.advert-details .row.cats {
	display: flex;
	flex-direction: row;
	align-items: center;
}
.advert-details .row.cats span {
	width: fit-content;
	padding: 0;
	font-weight: normal !important;
	font-size: 14px;
}
.advert-details .row.cats span.row_label:after {
	content: ":";
	font-weight: bold;
	margin: 0px 3px 0;
}
.advert-gallery .images_wrap {
	width: 100% !important;
	margin-top: -10px;
}
.advert-fields h2 {
	display: none;
}
.advert-fields .custom_det {
	width: 100% !important;
	float: none !important;
	margin-right: 0 !important;
}
.advert-fields .custom_det_content .row {
	display: flex !important;
	flex-direction: row;
}
.advert-fields .custom_det_content .row span {
	width: fit-content;
	padding: 0;
}
.advert-fields span.row_label:after {
	content: ":";
	font-weight: bold;
	margin: 0px 3px 0;
}
.advert-desc h2 {
	background: none !important;
	margin-top: 30px !important;
}
.advert-report button {
	background: none !important;
	width: 100%;
	text-align: right;
	padding: 10px 0;
	border: none;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	border-radius: 0;
	font-size: 14px;
}
.advert-report button:after {
	content: "\f104";
	float: left;
	font-size: 12px;
	margin-top: 3px;
	font-family: fontawesome;
	color: #888;
}

.mobileheaderbox .container-fluid {
	padding: 0 !important;
}
.mobileheaderbox .container-fluid .astroid-column {
	padding: 0 !important;
}
.mobilemenu  {
	display: flex;
	width: 100%;
	border-bottom: 1px solid #ccc;
	padding: 6px 0;
}
.mobilemenu .mobileburger {
	width: 20%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.mobilemenu button.mobilemenubtn {
	font-size: 0;
	background: none;
	border: none;
	margin-right: 20px;
}
.mobilemenu button.mobilemenubtn:before {
	content: "\f0c9";
	font-family: fontawesome;
	font-size:  30px;
	font-weight: bold;
}
.mobilemenu .mobilelogo {
	width: 45%;
	display: flex;
	align-items: center;
}
.mobilemenu .mobilelogo img  {
	width: 80%;
	margin-right: 20px;
}
.mobilemenu .mobilesearch {
	width: 10%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.mobilemenu .mobilebuttons {
	width: 20%;
	display: flex;
	align-items: center;
}
.mobilemenu .mobilesearch button {
	font-size: 0;
	background: none;
	border: none;
	margin-top: 5px;
	margin-right: 5px;
}
.mobilemenu .mobilesearch button:before {
	content: "\f002";
	font-family: fontawesome;
	font-size: 25px;
	font-weight: bold;
}
.mobilemenu .mobilebuttons .mobilecanvas {
	width: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}
.mobilemenu .mobilebuttons button.mobileheaderdrop {
	font-size: 0;
	background: none;
	border: none;
}
.mobilemenu .mobilebuttons button.mobileheaderdrop:before {
	content: "\f007";
	font-family: fontawesome;
	font-size:  25px;
	font-weight: bold;
}
.mobilemenu .mobilebuttons .mobile-add {
	width: 50%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.mobilemenu .mobilebuttons .mobile-add a {
	font-size: 0;
}
.mobilemenu .mobilebuttons .mobile-add a:before {
	content: "\f067";
	font-family: fontawesome;
	font-size:  20px;
	font-weight: bold;
	vertical-align: -10px;
}


.bottommenu {
	display: flex;
	position: fixed;
	bottom: 0;
	right: 0;
	left: 0;
	width: 100%;
	background: #eee;
	align-items: center;
	padding: 10px 0 5px 0;
	z-index: 9;
	flex-wrap: nowrap;
	align-content: space-around;
	justify-content: space-between;
}
.bottommenu .box {
	width: 20%;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	position: relative;
}
.bottommenu .box .icon {
	text-align: center;
}
.bottommenu a {
	font-size: 14px;
}
.bottommenu .bottomprofile button ,.bottommenu .bottomcats button {
	font-size: 14px;
	background: none;
	border: none;
	padding: 0;
}
.bottommenu .box .icon img {
	width: 30px;
	margin: 0 auto 8px;
}
.bottommenu .bottomadd a {
	color: #e1287b !important;
}




.topmobile {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.topmobile .toplogo {
	width: 25%;
}
.topmobile .topregion {
	width: 30%;
}

.topmobile .topsearch {
	width: 50%;
	padding: 0 5px 0 0;
}
.topmobilesection {
	background: #f5f5f5;
	position: sticky;
	width: 100%;
	z-index: 9;
	right:  0;
	left: 0 !important;
	top: 0;
	display: block !important;
}
.topmobilesection .container-fluid {
	padding: 0;
}

#Bottomprofile {
	height: fit-content;
	border-radius: 20px;
	margin-bottom: 73px;
	width: 95%;
	margin: auto auto 10px;
}
#Bottomprofile {
	height: 100%;
	border-radius: 0px;
	width: 100%;
	margin: auto auto 0px;
	transition: 0s !important;
}

#Bottomcats {
	height: fit-content;
	border-radius: 20px;
	width: 95%;
	margin: 10px auto 10px !important;
}
#Bottomcats .offcanvas-body {
	display: flex;
	align-items: center;
}

form.mod-login {
	padding: 0 10px !important;
}




#loginmodal {
	height: 100vh;
	width: 100%;
	background-image: url('/images/webdesign/additemback.jpg');
	background-size: cover;
}
#loginmodal .modal-content
, #homeloginmodal .modal-content {
	background: #ffffff;
	border-radius: 15px;
	box-shadow: 0px 0px 40px #44444420;
	height: auto;
	width: 100% !important;
	max-width: 500px;
	margin: 0px auto 0;
	display: flex;
    align-items: flex-start;
}
#loginmodal .modal-dialog {
	position: relative;
	display: flex;
    align-items: center;
}


.loginlogo {
	text-align: center;
	margin-bottom: 30px !important;
	margin-top: -40px;
}
.loginlogo img {
	width: 150px !important;
	height: auto !important;
}
.loginlogo img {
	width: 65%;
}
.loginlogo h3 {
	font-size: 18px;
	text-align: center;
	color: #fff !important;
	font-weight: normal;
	margin-bottom: 30px !important;
}
.logintabs .mod-login__options {
	border-radius: 0;
}
.logintabs .mod-login__options .forget {
	display: none;
}
.logintabs .mod-login__options .register {
	display: none;
}
.logintabs .mod-login__options .register-atelier a {
	color: #4CAF50 !important;
}
.modallogin .modal-header {
	border: none !important;
}
.modallogin .loginmodalclose {
	background-image: none;
	opacity: 1 !important;
	font-size: 18px;
	color: #fff !important;
	width: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 20px !important;
}
.modallogin .loginmodalclose:before {
	content: "";
	margin-left: 5px;
	float: right;
	margin-top: 0px;
	width: 17px;
	height: 16px;
	background: #fff;
	border-radius: 5px;
	background-image: url('/images/webdesign/right-thin.png') !important;
	background-size: 16px !important;
    background-repeat: no-repeat !important;
    background-position: 1px 0px !important;
}
#loginmodal .loginmodalclose {
	margin-bottom: 20px !important;
}









.profile_name_data .fav_box_profile {
	display: none;
}
.profile_name_data .last-visit {
	font-size: 18px;
}
.profile_name_data .last-visit span {
	border-bottom: 1px dashed #888;
}
.profile_name_data .last-visit:before {
	content: "";
	display: block;
	float: right;
	margin-left: 5px;
	background-repeat: no-repeat;
	background-image: url("/images/webdesign/time-green.png") !important;
	background-size: 16px !important;
	background-position: 0 6px ;
	width: 18px;
	height: 24px;
}
.profile_name_data .profile_name .fav_box_profile {
	display: none;
}
.profilepage .boxes {
	display: flex;
	flex-direction: column;
}
.profilepage .box {
	display: inline-flex;
	padding: 10px 0 10px;
	border-bottom: 1px solid #ccc;
	align-items: center;
}
.profilepage .box:last-child {
	border: none;
}
.profilepage .box .icon img {
	margin-left: 15px;
	width: 70%;
}
.profilepage .box .icon {
	width: 10%;
}
.profilepage .box .link {
	width: 90%;
	padding-right: 10px;
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	align-items: center;
}
.profilepage .box .link a {
	font-size: 16px;
	width: 90%;
	padding: 15px 0;
}
.profilepage .box .link:after {
	content: "\f104";
	font-family: fontawesome;
	vertical-align: -3px;
	margin-right: 5px;
	float: left;
	font-size: 14px;
}
button.bottomcanvas-close {
	background: none !important;
	opacity: 1;
	background-color: none !important;
	width: 50px;
	height: 20px !important;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px !important;
	padding: 0px !important;
}
button.bottomcanvas-close:before {
	content: "\f105";
	font-family: fontawesome;
	font-size: 12px;
	margin-top: 1px;
	margin-left: 5px;
}
#Bottomprofile .offcanvas-header {
	padding: 30px 30px 0 30px;
	margin-bottom: 20px;
}
#Bottomcats .offcanvas-header {
	padding: 30px 30px 20px 30px;
}
.bottomcanvas-register  {
	font-size: 14px;
	border-bottom: 1px dashed #ccc;
}
.mod-login__pretext p {
	margin-top: 10px;
}
.astroid-row {
	padding: 0 !important;
	margin: 0 !important;
}
.bottomcanvas-cats .boxes {
	display: flex;
	justify-content: space-evenly;
	flex-direction: row;
	align-items: center;
	flex-wrap: wrap;
}
.bottomcanvas-cats .boxes .box  {
	width: 50%;
	margin-bottom: 20px;
	background: #f5f5f5;
	width: 120px;
	height: 90px;
	border-radius: 15px;
}

.bottomcanvas-cats .boxes .box:first-child {
	background: #3f51b512;
}
.bottomcanvas-cats .boxes .box:nth-child(2) {
	background: #0096881a;
}
.bottomcanvas-cats .boxes .box:nth-child(3) {
	background: #ffeb3b59;
}
.bottomcanvas-cats .boxes .box:nth-child(4) {
	background: #e91ed417;
}
.bottomcanvas-cats .boxes .box:nth-child(5) {
	background: #8bc34a36;
}
.bottomcanvas-cats .boxes .box:nth-child(6) {
	background: #edf6ff;
}
.bottomcanvas-cats .boxes .box:nth-child(7) {
	background: #9e9e9e3b;
}
.bottomcanvas-cats .boxes .box .link {
	margin-top: 5px;
}

.list-group-item a span.icon-register {
	display: none;
}

.com-djclassifieds.view-item .mod-breadcrumbs__wrapper {
	width: 80% !important;
	margin: auto;
}
.com-djclassifieds.view-item .mod-breadcrumbs__wrapper .mod-breadcrumbs {
	margin-right: -15px;
	margin-bottom: 30px;
}

.backtocat {
	margin-bottom: 20px;
	margin-top: -40px;
	text-align: left;
}
.backtocat a {
	font-size: 14px;
}
.backtocat a:after {
	content: "\f104";
	font-family: fontawesome;
	font-size: 14px;
	vertical-align: -2px;
	margin-right: 5px;
}
.dj-navigation {
	top: calc(50% - 60px) !important;
}



.sidemodules {
	margin-top: -25px;
}
.sidemodules .moduletable h3 {
	font-size: 22px;
}
.topregion select {
	border-radius: 8px !important;
	font-size: 12px;
	background: none;
	border: none !important;
	width: fit-content;
	text-align: center;
}

.topfilter p {
	margin-bottom: 0 !important;
}
.topfilter button , .topfilter button:focus {
	background: none !important;
	border: none !important;
}
.topfilter button.btn:after {
	content: "\f1de";
	font-family: fontawesome;
	vertical-align: -2px;
	margin-right: 8px;
	margin-left: -5px;
}
.topfilter .offcanvas {
	width: 100%;
	margin-bottom: 10px;
	transition: 0s;
}
.topfilter .offcanvas-header {
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
}
.topfilter .offcanvas-header h5 {
	color: #e1287b !important;
}
.topfilter .offcanvas-header button.btn-close {
	background: none !important;
	opacity: 1;
	width: fit-content;
	display: flex;
	align-items: center;
	font-size: 18px;
	padding: 12px 15px !important;
}
.topfilter .offcanvas-header button.btn-close:before {
	content: "\f105";
	font-family: fontawesome;
	font-size: 12px;
	margin-top: 1px;
	margin-left: 5px;
}
.topmobilesearchmod form input {
	height: 50px !important;
	border-radius: 10px !important;
}
.topmobilesearchmod form select {
	height: 50px !important;
	border-radius: 10px !important;
}

.topmobilesearchmod .search_buttons button {
	background: #e1287b !important;
	padding: 15px 25px;
	margin-top: 20px;
	color: #fff  !important;
	text-shadow: none;
	font-size: 18px;
	font-weight: normal;
}


h1.main_cat_title.search_results {
	font-size: 24px;
}

#Bottomprofile .mod-login-logout {
	display: none;	
}


.listpage h1.main_cat_title {
	font-size: 24px;
	display: none;
}



.seobox .toptext {
	font-size: 16px !important;
	text-align: justify;
	font-weight: normal;
	line-height: 30px;
}
.seobox h2 {
	font-size: 20px;
}
.seobox p {
	text-align: justify;
}








.view-plans .paymentdetails {
	display: flex;
	justify-content: space-between;
}
.view-plans .pointspackages.djcf_outer {
	border: none !important;
	padding: 0 !important;
}
.view-plans .pointspackages.djcf_outer .title_top {
	display: none;
}
.view-plans .djcf_prow_in {
	display: flex !important;
	padding: 0 !important;
	flex-direction: column;
	min-height: 400px;
	justify-content: space-between;
	border-radius: 20px;
	box-shadow: 0px 10px 40px -35px;
}
.view-plans .active .djcf_prow_in {
	border: 2px solid #8BC34A !important;
}
.view-plans .paymentdetails .djcf_prow {
	width: 31% !important;
}
.view-plans .djcf_prow_in .djcf_prow_col_desc {
	background: none !important;
	border: none !important;
	padding: 10px !important;
}
.view-plans .djcf_prow_in .djcf_prow_col_desc h3  {
	font-size: 16px !important;
	font-weight: normal;
	background: #eee;
	padding: 25px 0;
	margin: -10px -10px 0 !important;
	border-radius: 20px 20px 0 0;
}
.plans .djcf_prow_col_desc .djcf_prow_desc_row  {
	display: none;
}
.plans .djcf_prow_col_desc .djcf_prow_desc_row.djcf_prow_main_desc  {
	display: unset;
}
.plans .djcf_prow_col_desc .djcf_prow_details_title {
	display: none;
}
.view-plans .djcf_prow_col_buynow {
	display: flex;
	width: 100% !important;
}
.view-plans .djcf_prow_col_buynow a {
	width: 100%;
	text-align: center !important;
	padding: 20px  0 !important;
	font-weight: normal !important;
	background: #f2f2f2 !important;
	font-size: 18px !important;
	margin: 0 !important;
	border-radius: 0 0 15px 15px !important;
	box-shadow: none !important;
	border: none !important;
}
.view-plans .active .djcf_prow_col_buynow a {
	background: #8BC34A !important;
	color: #fff !important;
}

.plandetailsinfo .feature {
	display:  flex;
	font-size: 14px;
	justify-content: space-between;
	padding: 5px;
}
.plandetailsinfo .feature  .title {
	font-weight: bold;
}
.plandetailsinfo .feature a {
	font-size: 0;
	display:inline-block;
}
.plandetailsinfo .feature a:after {
	content: "\f05a";
	font-family: fontawesome;
	margin-right: 5px;
	font-size: 14px;
	vertical-align: -1px;
}

.plandetailsinfo .feature .value.no {
	font-size: 0px;
}
.plandetailsinfo .feature .value.no:after {
	content: "\f00d";
	color: #FF5722 !important;
	font-family: fontawesome;
	margin-right: 5px;
	font-size: 16px;
	vertical-align: -2px;
}
.plandetailsinfo .feature .value.yes {
	font-size: 0px;
}
.plandetailsinfo .feature .value.yes:after {
	content: "\f00c";
	color: #4CAF50 !important;
	font-family: fontawesome;
	margin-right: 5px;
	font-size: 16px;
	vertical-align: -2px;
}




.view-item #cs-1528971561366 {
	padding: 0;
}
.view-item #cs-1528971561366 .container-fluid {
	padding: 0 !important;
}
.view-item #cs-1528971561366 .container-fluid .astroid-column {
	padding: 0 !important;
}
.view-item #ac-1528971561366 {
	width: 100%;
}
.view-item .astroid-component-section {
	width: 100% !important;
}



.advert-template.special {
	margin-top: -10px;
}
.advert-template.special .specialheader {
	background: #eee;
	min-height: 150px;
	position: relative;
	margin-top: 10px;
	display: none;
}
.advert-template.special .specialheader img {
	display: none;
}

.advert-template.special .actionbtns {
	display: flex;
	align-items: center;
	margin-right: 10px;
	flex-direction: row-reverse;
}
.advert-template.special .actionbtns .backbtn {
	display: flex;
	align-items: center;
	margin-right: 10px;
}
.advert-template.special .actionbtns .savefavbtns {
	display: flex;
	align-items: center;
	flex-direction: row-reverse;
}
.actionbtns .sharebtn button {
	font-size: 14px;
	padding: 5px 10px !important;
	margin: 0px 5px 0 0;
}
.advert-template.special .logobox .backbtn a {
	font-size: 14px;
}
.advert-template.special .backbtn a:after {
	content: "";
	margin-right: 5px;
	float: left;
	margin-top: 4px;
	width: 18px;
	height: 18px;
	background-image: url('/images/webdesign/left-thin.png') !important;
	background-size: 18px !important;
	background-repeat: no-repeat !important;
	background-position: 0px 0px !important;
}


.bottomlistbox {
	display: flex;
}
.bottomlistbox .activeservice {
	background: #f5f5f5;
	width: 300px;
	padding: 25px 15px;
	border-radius: 12px;
	margin-left: 15px;
	position: relative;
}
.bottomlistbox .servicename {
	font-weight: bold;
}
.bottomlistbox .servicename a:after {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	content: "";
	display: block;
}
.bottomlistbox .acticeservice-cat {
	font-size: 13px !important;
	color: #888 !important;
	margin-top: 10px;
}







.free-advertise {
	background: #f8f8f8d1 !important;
	padding-top: 50px;
}
.free-advertise .advertcomment {
	background: #fff !important;
	padding: 20px;
	border-radius: 15px;
	margin-bottom: 30px;
}
.special-details.free-advert {
	margin-top: 0px;
	background: #fff;
	padding: 40px;
	border-radius: 15px;
	margin-bottom: 30px;
}
.freetheme .workslist {
	background: #fff;
	padding: 20px 20px 0;
	border-radius: 15px;
	margin-bottom: 30px;
}

.advert-template .type-atelier {
	background: #FF5722 !important;
	border: none !important;
	border-radius: 10px !important;
	color: #fff !important;
	font-size: 14px;
	padding: 5px 15px !important;
}
.type_button.type-atelier {
	display: none !important;
}
.advert-template .type-freelancer {
	background: none !important;
	border: none !important;
	border-radius: 10px !important;
	color: #FF5722 !important;
	font-size: 14px;
	padding: 0 !important;
}
.special-maincontent {
	padding: 0 100px;
	margin-top: 30px;
}
.special-details {
	position: relative;
}
.special-details .logobox {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}
.special-details .logobox img {
	border-radius: 155px !important;
	width: 120px !important;
	height: 120px !important;
	max-height: unset !important;
	border: 1px solid #ccc!important;
	padding: 0 !important;
	z-index: 0 !important;
	position: relative !important;
	background: #fff;
}
.special-details .logo-image {
	position: relative;
}
.special-details .logo-image span {
	position: absolute;
	bottom: 0;
	width: 80px;
	background: #ff5722a1 !important;
	display: block;
	right: calc(50% - 40px);
	text-align: center;
	color: #fff !important;
	border-radius: 6px !important;
}
.special-details .titlebox {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	margin-bottom: 30px;
}

.special-details .titlebox h1 {
	margin-bottom: 0 !important;
	margin-left: 10px !important;
	font-size: 30px !important;
}
.themepage .special-details .itemcatname {
	display: flex;
	align-items: flex-start;
	margin-top: 20px;
}
.special-details .itemcatname {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	margin-top: 8px !important;
}
.special-details .itemcatname .top {
	display: flex !important;
	align-items: center;
	flex-direction: column;
}
.special-details .othercanvas {
	height: 100% !important;
	border-radius: 0px !important;
}
.special-details .item-other-pages {
	display: flex;
	align-items: center;
	display: none;
}

.special-maincontent .title_top {
	background: none !important;
	border: none !important;
}


.advert-dj-item .title_top .item-other-pages a {
	background: none !important;
	font-size: 14px !important;
	position: relative !important;
	margin-right: 10px !important;
	padding: 0px !important;
	vertical-align: 0px;
	vertical-align: 2px;
}

.norules {
	margin-top: 70px;
}
.norules .text {
	font-size: 18px;
	font-weight: bold;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
}
.norules .text:before {
	content: "";
	margin-bottom: 30px;
	display: block;
	background-repeat: no-repeat;
	background-image: url("/images/webdesign/attention.png") !important;
	background-size: 70px !important;
	background-position: 0 0;
	width: 70px;
	height: 70px;
}



.otherservice {
	margin-top: 100px;
}
.useritemlist .title {
	font-size: 20px;
	font-weight: bold;
}
.useritemlist .titlebox {
	display: flex;
	flex-direction: column-reverse;
	justify-content: flex-end;
	margin-bottom: 30px;
}
.useritemlist .titlebox .profilelink {
	margin-top: 15px !important;;
	margin-top: 1px;
}
.useritemlist .titlebox a {
	background: #888;
	color: #fff !important;
	font-size: 14px !important;
	padding: 5px 15px 7px 15px;
	border-radius: 100px;
}
.useritemlist .titlebox a span {
	color: #fff !important;
	margin-left: 2px;
}
.useritemlist .listbox .parentcat {
	font-size: 15px;
	color: #ccc !important;
	font-weight: normal !important;
}
.useritemlist .listbox ul {
	margin-bottom: 20px !important;
}
.useritemlist .listbox ul li {
	font-size: 14px;
}
.useritemlist .listbox ul li:before {
	content: "\f111";
	font-family: fontawesome;
	font-size: 5px;
	vertical-align: middle;
	margin-left: 5px;
}
::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
	border-radius: 22px;
}
::-webkit-scrollbar-thumb {
  background: #888;
	border-radius: 22px;
}
::-webkit-scrollbar-thumb:hover {
  background: #555;
  border-radius: 22px;
}

@keyframes homeborderfade {
	0%   {box-shadow: 0px 0px 0px 0px #f4369f;}
	100% {box-shadow: 0px 0px 0px 10px #fff0;}
}
@-webkit-keyframes homeborderfade {
	0%   {box-shadow: 0px 0px 0px 0px #ff006050;}
	100% {box-shadow: 0px 0px 0px 15px #fff0;}
}

.special-details .itemcatname .catfields {
	margin: 10px 0;
}
.special-details .itemcatname .decor-move {
	display: flex;
	align-items: flex-start;
	margin-top: -5px;
	align-content: space-around;
	flex-direction: column;
}
.special-details .itemcatname .outdecorbtn {
	background: none;
	border: none;
	font-size: 13px;
	padding: 0;
	margin-top: 8px;
	color: #888 !important;
}
.special-details .itemcatname .outdecorbtn:before {
	content: "\f06a";
	font-family: fontawesome;
	margin-left: 5px;
	vertical-align: -2px;
	font-size: 16px;	
}
.special-details .itemcatname .catname span {
	color: #495057 !important;
	font-size: 14px;
	display: inline-block;
}
.special-details .itemcatname .catname span.itemcat {
	margin: 0 5px;
}
.special-details .itemcatname .catname span.itemname {
	margin: 0 1px 0 3px;
}
.special-details .itemcatname .catname span.itemname a {
	font-weight: bold;
	border-bottom: 1px dashed #888;
	padding: 0 5px 5px;
}
.special-details .itemcatname .decor-move span.djcf-option {
	margin-right: 5px;
}
.special-details .itemcatname .decor-move span.djcf-option:before {
	content: "\f00c";
	font-family: fontawesome;
	vertical-align: -1px;
	margin-left: 3px;
	color: #4CAF50;
	font-size: 16px !important;
}
.special-details .itemcatname .custom_group {
	margin-top: 5px;
	display: flex;
	font-size: 13px;
}
.special-details .itemcatname .custom_group  .djcf-label {
	color: #888 !important;
}
.special-details .itemcatname .custom_group {
	margin-top: 0px;
	display: flex;
	font-size: 14px !important;
}
.special-details .catfields .djcf-value {
	margin-right: 5px;
}
.special-details .itemcatname .djcf-field {
	margin-left: 15px;
}
.special-details .itemcatname .djcf-field:last-child {
	margin-left: 10px;
	border-left: none  !important;
	padding-left: 0px !important;
}

.special-details .titlebox .bottomtitlelinks {
	display: flex;
	margin-bottom: 15px;
	margin-top: 15px;
}
.special-details .titlebox .bottomtitlelinks a {
	background: #eee !important;
	width: 100px;
	text-align: center;
	font-weight: normal !important;
	padding: 15px 0 !important;
	margin-left: 20px;
	border: none !important;
}
#dj-classifieds .dj-item .custom_det {
	float: none !important;
	margin:0 !important;
	width: unset  !important;
}
.custom_det.loc_det_wide h2 {
	display: none;
}
.special-details .namebox .top {
	display: flex !important;
	justify-content: space-between;
	align-items: flex-start;
	flex-direction: column;
	align-content: flex-start;
	width: 45%;
}
.special-details .namebox .top .right {
	width: 100%;
}
.special-details .namebox .top .right .profilelink a {
	font-size: 14px;
}
.special-details .namebox .top .right .profilelink a:after {
	content: "";
	margin-right: 5px;
	float: left;
	margin-top: 6px;
	width: 14px;
	height: 14px;
	background-image: url('/images/webdesign/left-thin.png') !important;
	background-size: 14px !important;
	background-repeat: no-repeat !important;
	background-position: 0px 0px !important;
}
.special-details .titlebottom {
	margin-top: 20px !important;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.special-details .titlebottom .right {
	display: flex;
	margin-top: -20px;
}
.themepage .special-details .itemcatname .top {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.themepage .special-details .itemcatname .top .cat-condition {
	display: flex;
	align-items: center;
}




.special-details .namebox .top .left {
	display: flex;
	align-items: flex-end;
	flex-direction: row-reverse;
	margin-top: 0px;
}
.special-details .actionbox {
	display: flex;
	align-items: center;
}
.special-details .actionbox .sharebtn {
	margin-left: 5px;
	position: relative;
}

body.modal-open .item-other-pages
, body.modal-open .logobox
, body.modal-open button.consultboxbtn
, body.modal-open .specialcontent .djc_images
, body.modal-open .type_button{
	opacity: 0.3;
	filter: blur(5px);
}
.special-details .actionbox .sharebtn button:before {
	content: "";
	float: right;
	display: block;
	margin-left: 3px;
	margin-top: 3px;
	background-repeat: no-repeat;
	background-image: url("/images/webdesign/link.png") !important;
	background-size: 20px !important;
	background-position: 0 0 ;
	width: 20px;
	height: 20px;
}





.popover {
	padding: 0px !important;
	font-size: 12px !important;
}
.popover.show {
	padding: 0px !important;
	font-size: 12px !important;
	position: relative;
	-webkit-animation: pop 0.2s ; /* Safari 4.0 - 8.0 */
	animation: pop 0.2s ;
}
@keyframes pop {
	0%   {translate: 0 10px;}
	100% {translate: 0 0px;}
}











.modal-open .special-details .namebox .top .left .favbtn {
	display: none;
}
.special-details .namebox .backbtn {
	margin-top: 20px;
}
.special-details .namebox .backbtn a {
	font-size: 14px;
}
.special-details .namebox .backbtn a:after {
	content: "\f104";
	font-family: fontawesome;
	margin-right: 5px;
	vertical-align: -2px;
}
.favbtn span {
	width: fit-content !important;
	height: 32px !important;
	display: flex;
	align-items: center;
	margin:  0 !important;
}

.favbtn span.fav_icon_na {
	height: 32px;
	padding: 7px 10px;
	background-image: none !important;
	display: flex !important;
	justify-content: flex-start;
	align-items: center;
	font-size: 14px;
}
.favbtn span.fav_icon_na:before {
	content: "";
	float: right;
	display: block;
	background-repeat: no-repeat;
	background-image: url("/images/webdesign/save.png") !important;
	background-size: 20px !important;
	background-position: 0 0;
	width: 20px;
	height: 20px;
	margin-left: 3px;
}
.favbtn span.fav_icon_a {
	height: 50px;
	background: #eeeeee33 !important;
	padding: 7px 10px;
	display: flex !important;
	border-radius: 55px;
	justify-content: flex-start;
	align-items: center;
	font-size: 14px;
	color: #444 !important;
}
.favbtn span.fav_icon_a:before {
	content: "";
	margin-left: 3px;
	float: right;
	display: block;
	background-repeat: no-repeat;
	background-image: url("/images/webdesign/saved.png") !important;
	background-size: 20px !important;
	background-position: 0 0 ;
	width: 20px;
	height: 20px;
}
.theme .special-details .namebox .itemcatname .top {
	display: flex;
}

.special-details .namebox .middle {
	margin: 45px 0 20px;
}
.special-details .namebox .bottom {
	display: flex;
	align-items: flex-start;
	margin-top: 30px;
}
.special-details .namebox .bottom .box-in {
	margin-left: 20px;
	display: flex;
	align-items: center;
}
.special-details .namebox .bottom .regionbox {
	margin-left: 10px;
}
.special-details .namebox .bottom .regionbox .mahalleh {
	font-size: 14px;
	margin-right: 4px;
}

.special-details .contactboxbtn {
	background: #eeeeee2e !important;
	height: 50px;
	padding: 10px 15px !important;
	border: none;
	font-size: 15px !important;
	color: #444 !important;
	display: flex;
	align-items: center;
	border-radius: 55px;
	width: 160px;
	justify-content: center;
}
.special-details .consultboxbtn {
	background: #ffb0b00f !important;
	padding: 10px 15px !important;
	border: none;
	font-size: 15px !important;
	color: #ff3d00 !important;
	display: flex;
	align-items: center;
	border-radius: 55px;
	height: 50px;
	margin-right: 10px;
}

.special-details .contactboxbtn:before {
	content: "";
	margin-left: 5px;
	float: right;
	margin-top: 0px;
	width: 24px;
	height: 24px;
	background-image: url('/images/webdesign/contactus.png') !important;
	background-size: 24px !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;
}
.special-details .commentcanvasbtn {
	margin-top: -3px;
}
.special-details .commentcanvasbtn:before {
	content: "";
	margin-left: 5px;
	float: right;
	margin-top: 2px;
	width: 22px;
	height: 22px;
	background-image: url('/images/webdesign/chat.png') !important;
	background-size: 22px !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;
}
.special-details .consultboxbtn:before {
	content: "";
	float: right;
	display: block;
	margin-left: 3px;
	background-repeat: no-repeat;
	background-image: url("/images/webdesign/support-yellow.png") !important;
	background-size: 30px !important;
	background-position: 0px 0px ;
	width: 32px;
	height: 32px;
}

.consultinfo {
	color: #ff5722 !important;
	margin-bottom: 15px;
	text-align: justify;
	margin-top: -10px;
}
.consultinfo:before {
	content:"\f06a";
	font-family: fontawesome;
	font-size: 16px;
	margin-left: 5px;
	vertical-align: -2px;
}
.consultformbox input {
	height: 45px;
	border-radius: 8px !important;
}
#consult_submit {
	background: #8BC34A;
	color: #fff !important;
	padding: 15px !important;
	margin-top: 0 !important;
}
.submitbtn {
	text-align: center;
	background: #FF5722;
	border-radius: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 130px;
	margin: auto;
}
.consultcanvas .offcanvas-header button {
	margin: 0 !important;
}
.consultcanvas .offcanvas-header h5 {
	font-size: 18px;
}
.consultcanvas .offcanvas-header {
	display: flex;
	justify-content: space-between;
}
.consultformbox #successText {
	background: none !important;
	padding: 0 !important;
	border: none !important;
	color: #74b727 !important;
	margin-bottom: 0 !important;
}
.consultformbox #successText span {
	color: #74b727 !important;
	font-weight: normal !important;
	border-bottom: 1px dashed;
	padding-bottom: 3px;
}












.specialcontent .custom_det h2 {
	display: none !important;
}
.specialcontent {
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
}
.specialcontent .box {
	width: 45%;
}
.specialcontent .left {
	margin-top: -215px;
}
.personal-theme .specialcontent .left {
	margin-top: unset !important;
}
.specialcontent .left .images_wrap {
	width: 100% !important;
	margin-top: -10px;
}
.specialcontent .left .images_wrap .dj-indicators {
	display: none;
}
.specialcontent .left .images_wrap .dj-navigation {
	bottom: 10px !important;
	top: unset !important;
	z-index: 0 !important;
}
.specialcontent .left .images_wrap .dj-navigation-in {
	display: flex !important;
	justify-content: flex-end !important;
	height: 50px;
}
.specialcontent .left .images_wrap .dj-navigation-in .dj-next {
	left: 60px !important;
	right: unset !important;
}
.specialcontent .left .images_wrap .dj-navigation-in img {
	width: 40px !important;
}
.specialcontent .right {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}
.printtablecanvas .offcanvas-body .custom_det {
	width: 100% !important;
	display: flex !important;
	flex-direction: column;
}
.printtablecanvas {
	min-width: 300px;
	width: 600px;
	margin: auto;
	min-height: 50%;
	height: 100% !important;
	border-top: none !important;
}
.printtablecanvas .offcanvas-body {
	padding: 35px;
}
.printtablecanvas .offcanvas-header {
	display: flex !important;
	justify-content: space-between;
	background: #E6EE9C;
}
.printtablecanvas .custom_det_content {
	width: 100% !important;
}
.printtablecanvas .custom_det {
	width: 100% !important;
}
.printtablecanvas .djcf-field {
    display: flex;
    justify-content: space-between;
    width: 100% !important;
    max-width: unset !important;
	margin-bottom: 25px;
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
}
.printtablecanvas .djcf-field .djcf-value {
	font-weight: bold;
}
.printtablecanvas .printpricedate-mod {
	margin-top: 10px;
	margin-bottom: 20px;
}
.printtablecanvas .item-date-modified:before {
	content: "\f05a";
	font-family: fontawesome;
	float: right;
	margin-left: 5px;
	font-size: 19px;
	color: #888;
	margin-top: -1px;
}
.printtablecanvas .item-date-modified span {
	font-size: 18px;
}
.item-date-modified span.value {
	font-weight: bold;
}
.printtablecanvas .printlist {
	margin: 25px 0;
}
.printtablecanvas .printlist span {
	font-size: 18px;
	margin-bottom: 10px;
}
.printinfobox .info {
	font-size: 16px !important;
	color: #888 !important;
	margin-bottom: 10px;
}
.printinfobox .info:before {
	content: "";
	display: block;
	height: 7px;
	width: 7px;
	background: #888;
	border-radius: 55px;
	float: right;
	margin: 11px 0 0 5px;
}
.printinfobox .silkinfo.novalue {
    display: none;
}

.offcanvas-header.bazgasht button {
	margin: 0;
	opacity: 1;
	display: flex;
	align-items: center;
	align-content: center;
}

.profilecontactcanvas { 
	min-width: 300px;
	width: 600px;
	margin: auto;
	min-height: 50%;
	height: 100% !important;
	border-top: none !important;
}

.profilecommentcanvas {
	min-width: 300px;
	width: 600px;
	margin: auto;
	min-height: 50%;
	height: 100% !important;
	border-top: none !important;
}
.claimcanvas {
	min-width: 300px;
	width: 600px;
	margin: auto;
	min-height: 50%;
	height: 100% !important;
	border-top: none !important;
}
.claimcanvas .offcanvas-body {
	padding: 35px;
}
.rulesoffcanvas {
	min-width: 300px;
	width: 600px;
	margin: auto;
	min-height: 50%;
	height: 100% !important;
	border-top: none !important;
}
.rulesoffcanvas .offcanvas-header {
	display: flex !important;
	justify-content: space-between;
}
.rulesoffcanvas .djcf-label {
	display: none;
}
.rulesoffcanvas .djcf-value p {
	font-size: 16px;
}
.rulesoffcanvas .djcf-value p:before {
	content: "";
	display: block;
	height: 7px;
	width: 7px;
	background: #888;
	border-radius: 55px;
	float: right;
	margin: 11px 0 0 5px;
}


.specialcontent.wedding .has-link {
	background: #f0ffe5;
	text-align: center;
	height: 80px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px solid #4caf50;
	font-size: 16px !important;
	margin-top: 30px;
}
.specialcontent.wedding .has-link span {
	display: inline-block;
	font-size: 16px !important;
	margin-right: 3px !important;
}



.contactcanvas {
	min-width: 300px;
	width: 600px;
	margin: auto;
	min-height: 50%;
	height: 100% !important;
	border-top: none !important;
}
.contactcanvas .offcanvas-header {
	display: flex;
	justify-content: space-between;
}

.consultoffcanvas .offcanvas-header {
	display: flex;
	justify-content: space-between;
}

.consultoffcanvas .offcanvas-body {
	display: flex;
	align-items: center;
}

.consultoffcanvas {
	min-width: 300px;
	width: 600px;
	margin: auto;
	min-height: 50%;
	height: 100% !important;
	border-top: none !important;
}
.consultloginrequired {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.consultlogindesc {
	font-size: 18px;
	margin-bottom: 20px;
}
.consultloginrequired button {
	background: #8BC34A !important;
	padding: 5px 15px !important;
	color: #fff !important;
}

#consultForm {
	box-shadow: none !important;
	border-radius: 15px !important;
	position: relative;
}
#consultForm .info {
	text-align: justify;
	font-size: 14px !important;
	line-height: 25px;
	font-weight: bold;
	background: none !important;
	padding: 0 !important;
}
#consultForm .info:before {
	content: "";
	display: block;
	position: absolute;
	top: -40px;
	right: calc(50% - 24px);
	background-repeat: no-repeat;
	background-image: url("/images/webdesign/attention.png") !important;
	background-size: 48px !important;
	background-position: 0 0;
	width: 48px;
	height: 48px;
}
#consult-submit {
	background: #8BC34A !important;
	padding: 10px  15px !important;
	color: #fff !important;
}
.consultloginbtn {
	border-radius: 10px;
	height: 50px;
	width: 150px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.consultdesc {
	text-align: center;
	display: flex;
	margin: 0 0 30px 0;
	font-size: 18px !important;
	flex-direction: column;
	align-items: center;
	font-weight: bold;
}
.consultdesc:before {
	content: "";
	display: block;
	background-repeat: no-repeat;
	background-image: url("/images/webdesign/notlogin.png") !important;
	background-size: 96px !important;
	background-position: 0 0;
	width: 96px;
	height: 96px;
	margin-bottom: 30px;
}
#consultFormSubmit input[type="text"] {
	border-radius: 10px !important;
	font-size: 16px !important;
	background: #fff;
	border: 2px solid #ccc !important;
	box-shadow: none !important;
}
#consultFormSubmit input {
	border-radius: 10px !important;
	font-size: 16px !important;
	background: #f8f8f8;
	border: 1px solid #eee !important;
	box-shadow: none !important;
}
#consultFormSubmit input::placeholder {
	text-align: right;
}



#consultFormSubmit input.value-entered {
	background: #eee !important;
	text-align: center;
	color: #ccc !important;
}
#consultFormSubmit span.value-entered-info {
	color: #888 !important;
	font-size: 14px !important;
	margin-top: 9px !important;
	display: block !important;
}
#consultFormSubmit span.value-entered-info:before {
	content: "";
	float: right;
	margin-top: 3px;
	margin-left: 3px;
	opacity: 0.4;
	width: 18px;
	height: 18px;
	background-image: url('/images/webdesign/info.png') !important;
	background-size: 18px !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;
}

#success-message {
	background: none !important;
	border: none !important;
	text-align: center !important;
}
#success-message #success-text {
	display: flex;
	flex-direction: column;
	font-size: 15px;
	align-items: center;
	font-weight: bold;
}

#success-message #success-text:before {
	content: "";
	display: block;
	background-repeat: no-repeat;
	background-image: url("/images/webdesign/checked.png") !important;
	background-size: 64px !important;
	background-position: 0 0;
	width: 64px;
	height: 64px;
	margin-bottom: 30px;
}

#already-sent-message {
	background: none !important;
	border: none !important;
}
#already-sent-message {
	/display: flex !important;
	flex-direction: column;
	align-items: center;
	font-size: 20px !important;
}
#already-sent-message > div {
	font-size: 14px !important;
	font-weight: bold;
}
#already-sent-message:before {
	content: "";
	display: block;
	background-repeat: no-repeat;
	background-image: url("/images/webdesign/checked.png") !important;
	background-size: 64px !important;
	background-position: 0 0;
	width: 64px;
	height: 64px;
	margin: 0 auto 20px;
}

#close-canvas-btn {
	background: #ddd !important;
	border: none !important;
	border-radius: 10px !important;
	padding: 10px 15px !important;
	width: 150px !important;
	margin: auto !important;
	text-align: center !important;
}
#close-button-container {
    text-align: center;
}

.commentcanvas {
	min-width: 300px;
	width: 600px;
	margin: auto;
	min-height: 50%;
	height: 100% !important;
	border-radius: 15px 15px 0 0;
}
.commentcanvas .offcanvas-header {
	display: flex;
	justify-content: space-between;
}






.special-maincontent .offcanvas .offcanvas-header button {
	background: #ddd !important;
	width: unset !important;
	opacity: 1;
	height: unset !important;
	padding: 5px 25px !important;
	font-size: 14px;
	box-shadow: none !important;
	margin: 0 !important;
}
.specialcontent .right .custom_det {
	margin:  0 !important;
	width: unset !important;
	float: none !important;
	font-size: 14px;
	display: flex;
}
.specialcontent .right .custom_det .custom_det_content {
	margin:  0 !important;
	width: unset !important;
	float: none !important;
	font-size: 15px;
	display: flex;
	align-items: center;
}
.specialcontent .right .custom_det .custom_group {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100% !important;
	max-width: unset !important;
}
.rulesoffcanvas .specialcontent .right .custom_det .custom_group {
	display: flex !important;
}
.specialcontent .right .minorder .no-minorder .djcf-label {
	display: none;
}
.specialcontent .right .top {
	display: flex;
	border: 1px solid #444;
	border-radius: 10px;
	height: 80px;
	padding: 10px;
}
.specialcontent .right .top .pricestart {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.specialcontent .right .top .pricestart .djcf-field {
	font-size: 17px;
}
.specialcontent .right .top .topbox {
	width: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.specialcontent .right .top .entry {
	border-left: 1px solid #eee;
}
.specialcontent.advertising .right .middle {
	display: flex;
	flex-direction: column;
	margin-top:0;
}
.specialcontent.advertising .right .middle .package  {
	width: 100%;
	margin-bottom: 20px;
	height: 100px;
}
.specialcontent.advertising .right .middle .package button {
	min-height: unset;
}
.specialcontent.advertising .right .middle .package button.dailymodelbtn 
, .specialcontent.advertising .right .middle .package button.salarymodelbtn {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 40px;
	box-shadow: none !important;
}
.specialcontent .offcanvas h5 {
	font-size: 18px;
	font-weight: bold;
}
.specialcontent.advertising .right .middle .package button span {
	margin-left: 12px;
}
.specialcontent.advertising .right .middle .package button span {
	font-weight: bold  !important;
}
.specialcontent.advertising .right .middle .salarymodel.package button .djcf-value
, .specialcontent.advertising .right .middle .dailymodel.package button .djcf-value {
	padding: 10px 15px !important;
	font-weight: normal !important;
}
.specialcontent.advertising .right .middle .package .active .djcf-value {
	background: #ddd !important;
	color: #444 !important;
	padding: 10px 15px;
	border-radius: 10px;
	margin-left: 0;
}


.specialcontent .right .top.personal {
	height: unset !important;
	display: flex;
	justify-content: center;
}
.specialcontent .right .top.personal .pricestart {
	width: 70%;
	display: flex;
	justify-content: center;
}
#dj-classifieds .dj-item .specialcontent .right .top.personal .custom_det 
, #dj-classifieds .dj-item .specialcontent .right .top.personal .custom_det .custom_group {
	width: 100% !important;
	display: flex;
	flex-direction: column;
	align-items: stretch;
}
.specialcontent .right .top.personal .custom_det_content {
	width: 100%;
}
.specialcontent .right .top.personal .djcf-field {
	border-bottom: 1px solid #ccc;
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding: 15px 0;
}
.specialcontent .right .top.personal .djcf-field:last-child {
	border: none;
}
.specialcontent .right .top.personal .djcf-field span.djcf-value {
	font-weight: bold !important;
}



.specialcontent.wedding .right .middle {
	display: flex;
	margin-top: 40px;
	justify-content: space-between;
	flex-direction: column;
}

.specialcontent .right .middle {
	display: flex;
	margin-top: 40px;
	justify-content: space-between;
}
.specialcontent .right .middle .packages {
	display: flex;
	justify-content: space-between;
}
.specialcontent .right .midbox {
	width: 45%;
}


.specialcontent .right .package button.hasfieldbtn {
	padding: 25px !important;
	background: #FF5722 !important;
}
.specialcontent .right .package button.hasfieldbtn span {
	color: #fff !important;
}
.package button.btn.disablebtn {
	padding: 25px !important;
	opacity: 0.7 !important;
}
.package button.btn.disablebtn span {
	color: #9999 !important;
}

.specialcontent .right .midbox button {
	background: #fce2eb !important;
	border-radius: 10px;
	border: none  !important;
	width: 100% !important;
	font-size: 15px;
	padding: 15px 0  10px 0;
}
.specialcontent .right .package button {
	background: #f5f5f5 !important;
}
.specialcontent .right .package button .djcf-label {
	display: none;
}
.specialcontent .right .package button .djcf-value {
	font-size: 14px;
	color: #F44336 !important;
}
.specialcontent .right .package button .custom_det {
	display: flex;
	justify-content: center;
	margin-top: 5px !important;
}
.specialcontent .right .bottom {
	margin-top: 30px;
}



.specialcontent .right .bottom .printtable {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.specialcontent .right .bottom .printtablebtn {
	color: #FF5722 !important;
	font-size: 12px;
	border-radius: 55px;
	padding: 8px 15px !important;
	background: #ff572212 !important;
}
.specialcontent .right .bottom .printtablebtn.novalue {
	background: #dddddd75 !important;
	color: #000000a1 !important;
	opacity: 0.2 !important;
}
.specialcontent .right .bottom .printstart .custom_group {
	font-size: 15px;
}
.specialcontent .right .bottom .printstart .custom_group .djcf-label {
	color: #444 !important;
}
.specialcontent .right .bottom .printstart .custom_group .djcf-label span.size {
	font-size: 14px;
	margin: 0 5px;
}
.specialcontent .right .bottom .printstart .custom_group .djcf-value {
	border-bottom: 1px dashed #444;
	color: #444 !important;
	padding-bottom: 5px;
	margin-right: 5px;
}
.specialcontent .right .bottom .printstart .custom_group .djcf-value.novalue {
	border-bottom: none;
	color: #888888 !important;
	margin-right: 5px !important;
}
.specialcontent .right .bottom .printstart:before {
	content: "";
	margin-left: 5px;
	float: right;
	margin-top: 3px;
	width: 22px;
	height: 22px;
	background-image: url('/images/webdesign/info.png') !important;
	background-size: 22px !important;
	background-repeat: no-repeat !important;
	background-position: 0px 0px !important;
}
.specialcontent .right .bottom .rulesbtn {
	padding: 0 !important;
	font-size: 15px;
	margin-top: 25px;
	width: fit-content;
	border-radius: 10px;
}
.specialcontent.wedding .rulesbtn {
	margin-top: 0px !important;
}
.specialcontent .right .bottom .rulesbtn:before {
	content: "";
	margin-left: 5px;
	float: right;
	margin-top: 0px;
	width: 22px;
	height: 22px;
	background-image: url('/images/webdesign/info.png') !important;
	background-size: 22px !important;
	background-repeat: no-repeat !important;
	background-position: 0px 0px !important;
}
.specialcontent .right .bottom .rulesbtn:after {
	content: "";
	margin-right: 5px;
	float: left;
	margin-top: 3px;
	width: 16px;
	height: 16px;
	background-image: url('/images/webdesign/left-thin.png') !important;
	background-size: 16px !important;
	background-repeat: no-repeat !important;
	background-position: 0px 0px !important;
}





.specialcontent .right .wedding-internal-link .novalue {
	display: none;
}
.specialcontent .right .wedding-internal-link .custom_det {
	display: flex;
	justify-content: flex-start;
}
.specialcontent .right .wedding-internal-link .custom_det a {
	font-size: 16px;
	color: #FF5722 !important;
}
.specialcontent .right .wedding-internal-link .custom_det span:after {
	content: "\f104";
	font-family: fontawesome;
	font-size: 12px;
	vertical-align: -1px !important;
	margin-right: 10px;
	color: #FF5722 !important;
}
.specialcontent .right .wedding-internal-link .custom_det span:before {
	content: "\f0c6";
	font-family: fontawesome;
	font-size: 20px;
	vertical-align: -4px !important;
	margin-left: 5px;
	color: #FF5722 !important;
}


.specialcontent .videopackage {
	margin-top: 40px;
}

.specialcontent .videopackage button.videobtn {
	background: #eafce2 !important;
	border: none;
	padding: 15px;
	width: 100% !important;
	height: 70px;
	box-shadow: 0px 5px 25px -20px #000000 !important;
	border-radius: 10px;
	font-size: 15px;
}

.general_det {
	float: none !important;
	margin-bottom: 0 !important;
}

.dj-item .row_gd {
	margin-bottom: 0 !important;
}



#dj-classifieds .dj-item {
    border: none !important;
}

.special-maincontent .offcanvas .offcanvas-header button {
	background: #eee !important;
	border-radius: 5px !important;
	width: unset !important;
	font-size: 14px;
	padding: 5px 15px !important;
}
.special-maincontent .offcanvas .offcanvas-header button:before {
	display: none !important;
}


.package .offcanvas {
	min-width: 300px;
	width: 600px;
	margin: auto;
	min-height: 50%;
	height: 100% !important;
	border-radius: 15px 15px 0 0;
}
.packagecanvas  .offcanvas-header {
	display: flex;
	justify-content: space-between;
}
.packagecanvas .offcanvas-header button.btn-close {
	padding: 10px 20px !important;
}

.package-info .packagename {
	font-size: 26px;
	margin-bottom: 30px;
	color: #FF5722  !important;
	font-weight: bold;
}
.package-info .packageprice {
	font-size: 22px;
	margin-bottom: 30px;
	font-weight: bold;
}
.packagepricebox .oldprice , .packagepricebox .oldprice span {
	color: #999 !important;
	text-decoration: line-through;
	opacity: 0.6;
	font-size: 18px;
	margin-bottom: 5px;
}
.packagepricebox:before {
	content: "";
	float: right;
	display: block;
	margin-left: 5px;
	margin-right: -16px;
	margin-top: 2px;
	background-repeat: no-repeat;
	background-image: url("/images/webdesign/price-tag.png") !important;
	background-size: 56px !important;
	background-position: 0 0 ;
	width: 64px;
	height: 64px;
}

.package-info {
	padding: 0 20px;
}
.package-info .packagedetails span.title {
	font-size: 18px;
	margin-bottom: 15px !important;
	font-weight: bold;
	display: block;
}
.package-info .packagedetails p {
	font-size: 15px;
	margin-bottom: 8px;
}
.package-info .giftdetails span.title {
	font-size: 18px;
	margin-bottom: 15px !important;
	font-weight: bold;
	display: block;
	margin-top: 15px;
	color: #F44336 !important;
}
.package-info .giftdetails {
	font-size: 16px;
	margin-bottom: 5px;
}
.package-info .giftdetails span.title {
	display: inline-block; 
	background: linear-gradient(to right, #F44336, #ed659f);
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
}
.package-info .giftdetails span.title:before {
	content: "";
	float: right;
	display: block;
	margin-left: 5px;
	margin-top: -2px;
	background-repeat: no-repeat;
	background-image: url("/images/webdesign/gift-box.png") !important;
	background-size: 28px !important;
	background-position: 0 0 ;
	width: 28px;
	height: 28px;
}
.package-info .giftdetails p {
	font-size: 15px;
	margin-bottom: 8px;
	color: #F44336 !important;
}










.listpage .item_title span.fav_box {
	width: fit-content !important;
	height: 32px !important;
	display: flex;
	align-items: center;
	position: absolute;
	left: 10px;
}

.listpage .item_title span.fav_icon_na {
	height: 32px;
	width: fit-content !important;
	background-image: none !important;
	display: flex !important;
	justify-content: flex-start;
	align-items: center;
	font-size: 0px;
    margin: 0 !important;
}
.listpage .item_title span.fav_icon_na:before {
	content: "";
	float: right;
	display: block;
	margin-left: 3px;
	background-repeat: no-repeat;
	background-image: url("/images/webdesign/save.png") !important;
	background-size: 24px !important;
	background-position: 0 0 ;
	width: 24px;
	height: 24px;
}
.listpage .freelist .item_title span.fav_icon_na:before {
	margin-left: -8px !important;
	background-size: 24px !important;
}
.listpage .freelist .item_title span.fav_icon_na {
	font-size: 0;
}
.listpage .item_title span.fav_icon_a {
    width: fit-content !important;
    height: 50px;
    background-image: none !important;
    display: flex !important;
    justify-content: flex-start;
    align-items: center;
    font-size: 0px;
    color: #E91E63 !important;
    margin: 0 !important;
}
.listpage .item_title span.fav_icon_a:before {
	content: "";
	margin-left: 3px;
	float: right;
	display: block;
	background-repeat: no-repeat;
	background-image: url("/images/webdesign/saved.png") !important;
	background-size: 24px !important;
	background-position: 0 0;
	width: 24px;
	height: 24px;
}
.listpage .item_title {
	display: flex;
	justify-content: flex-start;
	margin-bottom: 5px;
	position: unset !important;
	align-items: flex-start;
}
.listpage .freelist .advert-list .item_title {
	margin-bottom: 5px;
}
.listpage .freelist .advert-list .item_title h3 {
	font-size: 19px !important;
}
.listpage .item_title .profile-title-right {
	display: flex;
}
.profilelist_item_category {
	font-size: 12px;
	position: absolute;
	left: 120px;
	display: none;
}
.profilelist_item_category span:before {
	content: "\f02c";
	font-family: fontawesome;
	font-size: 18px;
	margin-left: 5px;
	transform: rotate(75deg);
}
.listpage .item_title span.type_button {
	background: #f2fff5  !important;
	color: #607D8B  !important;
	border-radius: 10px !important;
	font-size: 13px;
	border: none !important;
	padding: 2px 10px !important;
	height: unset !important;
	margin: 0 0px 0 0 !important;
}

.bottombtns {
	background: none !important;
	border: none !important;
	font-size: 14px;
	width: 100%;
	text-align: right;
	border-radius: 0;
}
.specialdesc {
	width: 100%;
	height: fit-content;
	min-height: 100px;
	display: flex;
	clear: both;
	justify-content: flex-start;
	margin: 30px 0;
	flex-direction: column;
}

.specialdesc .custom_det {
	width: 100% !important;
	float: none !important;
	margin: 0 !important;
}

.advert-template .kt-sortable {
	display: none;
}
.specialdesc .custom_det .djcf-label {
	display: none;
}
.descboxtitle {
	font-size: 20px !important;
	font-weight: bold !important;
	margin-bottom: 15px !important;
}


.view-additem .group_5 , .view-additem .djrow_neshani_contact
, .view-additem .djrow_mahalleh_contact
{
	display: none;
}


.view-additem .djform_row.region {
	display: none;
}


#bs-2zhf89w67 .container-fluid {
	padding: 0;
}
#bs-2zhf89w67 .container-fluid .astroid-column {
	margin: 0 ;
	padding: 0;
}
.addbanner {
	height: 150px;
	padding: 0 50px;
}
.addbanner h1 {
	color: #ffffff !important;
	font-size: 24px;
	font-weight: bold;
}
.addbanner h2 {
	color: #444 !important;
	font-size: 16px;
	font-weight: normal;
}


.prefield-title {
	margin-left: 5px;
	font-weight: bold;
}


.listpage .theme_date  {
	background: #87ffa81c !important;
	padding: 1px 5px;
	border-radius: 5px;
}

.listpage .item_cf_box.themetime {
	font-size: 12px !important;
	margin-top: 10px;
}
.listpage .item_cf_box.themetime:before {
	content: "";
	display: block;
	float: right;
	margin-left: 5px;
	background-repeat: no-repeat;
	background-image: url("/images/webdesign/time-green.png") !important;
	background-size: 16px !important;
	background-position: 0 5px ;
	width: 18px;
	height: 22px;
}



.profileview .specialtitle {
	display: none;
}
.profileview .profile_box {
	display: flex !important;
	flex-direction: column;
}
.profileview span.profile_img {
	padding: 0 !important;
}
.profileview span.profile_img img {
	border-radius: 155px !important;
}
.profileview .profile_name_data .user-dates {
	float: none !important;
	margin: 10px 0;
}
.profileview .profile_name_data .main_cat_title h1.profile_name {
	text-align: right !important;
	padding:  0 !important;
	border: none !important;
	margin: 15px 0 10px !important;
}
.profileview .profile_data {
	border-top: 1px solid #ccc;
	margin-top: 30px;
	padding-top: 30px;
}
.profileview .profile_data.row_location {
	border: none !important;
	padding: 0;
	margin-bottom: 50px !important;
}
.profileview .profile_row {
	display: flex;
	flex-direction: row;
}
.profileview .profile_row .profile_row_label {
	text-align: right !important;
	padding: 0 !important;
}
.profileview .profile_row .profile_row_label:after {
	content: ":";
	margin-right: 3px;
	font-weight: bold;
}
.profileview .item_cat_region_separator {
	display: none  !important;
}

.profileview .profile-item-list h2 {
	display: none;
}
.profileview .item_cat_region_outer .item_category {
	display: none !important;
}

.profileview .profilelist_item_category {
	display: block;
	font-size: 13px;
	margin-right: 5px;
	background: #f2f2f2;
	padding: 0 10px;
	border-radius: 55px;
}
.profileview .profilelist_item_category span {
	color: #607D8B !important;
}
.profileview .item_content_in .item_title .profile-title-right {
	display: flex;
}




.profile-user-pages .user-items-list {
	display: flex;
	gap: 20px;
}	
.profile-user-pages .user-items-list li {
	background: #f5f5f5;
	width: 250px;
	padding: 15px;
	position: relative;
	border-radius: 10px;
}
.profile-user-pages .user-items-list li:after {
	content: "";
	position: absolute;
	top: calc(50% - 10px);
	left: 10px;
	width: 20px;
	height: 20px;
	background-image: url('/images/webdesign/left-thin.png') !important;
	background-size: 20px !important;
    background-repeat: no-repeat !important;
}
.profile-user-pages .user-items-list li a button {
	font-size: 14px !important;
}
.profile-user-pages .user-items-list li a button:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
}


.profile-user-pages .profile-page-rating.no-comment:before {
	display: none;
}
.profile-user-pages .profile-page-rating:before {
	content: "";
	display: inline-block;
	margin-left: 5px;
	vertical-align: -8px;
	background-repeat: no-repeat;
	background-image: url("/images/webdesign/star.png") !important;
	background-size: 16px !important;
	background-position: 0 0;
	width: 20px;
	height: 20px;
}
.profile-user-pages .profile-page-rating {
	font-size: 14px;
}
.profile-user-pages .profile-page-rating.no-comment {
	opacity: 0.5;
}
.profile-user-pages .profile-page-rating span {
	margin-right: 5px;
	font-size: 12px;
}

.profile-user-pages .user-items-list {
	margin-top: 30px !important;
}
.profile-user-pages .category-name {
	font-weight: bold;
}













.listpage .advertising_salary_tedad {
	font-size: 12px !important;
	margin-bottom: -5px;
}
.listpage .advertising_salary_daily  {
	font-size: 12px !important;
}
.listpage .advertising_salary_daily:before
, .listpage .advertising_salary_tedad:before {
	content: "\f00c";
	font-family: fontawesome;
	font-weight: bold !important;
	font-size: 14px;
	margin-left: 5px;
	vertical-align: -2px;
	color: #00cc08;
}
.listpage .advertising_salary_tedad span
, .listpage .advertising_salary_daily span {
	display: none;
}




.djrow_wedding_price {
	background: #eee;
	padding: 10px 10px 10px 10px !important;
	border-radius: 10px;
}



.addpage span.form-control-feedback {
	display: block;
	color: #F44336 !important;
}

.dj-slide img.dj-image {
    border-radius: 10px;
}
.lottery-info {
	font-size: 15px;
	margin-bottom: 0px;
	margin-top: 10px;
}
.lottery-info span {
	border-bottom: 1px dashed #888;
	padding-bottom: 3px;
	font-weight: bold;
	margin: 0 3px;
}
.lottery-info:before {
    content: "";
    margin-left: 5px;
    float: right;
    margin-top: 0px;
    width: 22px;
    height: 22px;
    background-image: url(/images/webdesign/info.png) !important;
    background-size: 22px !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;
}
.specialcontent .right .middle.personal {
	width: 100% !important;
	margin-bottom: -20px;
}
.personal-boxes {
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	width: 100%;
}
.personal-boxes .box {
	width: 32% !important;
	background: #eeeeee8f;
	display: flex;
	border-radius: 10px;
	padding: 10px 0;
	justify-content: center;
	align-items: center;
}
.personal-boxes .box .djcf-field {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.personal-boxes .box .djcf-label {
	font-size: 14px;
	color: #444 !important;
}
.personal-boxes .box .djcf-value {
	font-size: 16px;
	margin-top: 10px;
	font-weight: bold;
}




.dailyrulesscript {
	display: none !important;
}
.specialcontent.advertising .packagecanvas .djcf-field {
	display: flex;
	font-size: 16px;
	width: 100% !important;
	justify-content: space-between;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
	flex-direction: column;
}
.specialcontent.advertising .packagecanvas .djcf-field:last-child {
	border: none !important;
}
.specialcontent.advertising .packagecanvas .custom_det {
	width: 100% !important;
}
.specialcontent.advertising .packagecanvas .custom_det .custom_det_content {
	width: 100% !important;
}
.specialcontent.advertising .packagecanvas .custom_det .djcf-label {
	font-size: 14px;
}
.specialcontent.advertising .packagecanvas .custom_det .djcf-value {
	font-weight: bold;
}
.specialcontent.advertising .customerpay .djcf-value:before {
	content: "\f071";
	vertical-align: -2px;
	margin-left: 2px;
	font-size: 15px;
	font-weight: bold;
}
.specialcontent.advertising .customerpay .djcf-value {
	font-weight: normal  !important;
	color: #F44336 !important;
}





.contactcanvas .general_det_in {
	padding-left: 0 !important;
}
.contactcanvas .contact_row {
	display: flex;
	justify-content: space-between;
}
.contactcanvas .row_neshani_contact {
	display: flex;
	flex-direction: column;
	margin-top: 10px !important;
}
.contactcanvas .row_neshani_contact .row_value {
	background: #eee;
	padding: 5px;
	border-radius: 5px;
}
.contactcanvas .row_neshani_contact .row_value {
	text-align: justify;
}
.contactcanvas .row_mahalleh_contact {
	display: none;
}
.contactcanvas .added {
	display: none;
}
.contactcanvas .user_name {
	width: 100% !important;
}
.contactcanvas .user_name .row_label {
	display: none !important;
}
.contactcanvas .profile_img {
	display: none !important;
}


.contactcanvas .profile_name_data {
	display: none !important;
}


.contactcanvas .offcanvas-header .contactname {
	display: flex;
	align-items: center;
}
.contactcanvas .offcanvas-header h5 {
	font-size: 16px !important;
	font-weight: bold;
	margin-left: 3px;
}
.contactcanvas .offcanvas-header span {
	font-size: 14px;
}

.free-advert .row_mobile_contact_freelancer {
	display: none !important;
}












.fd-rating {
	display: flex !important;
	flex-direction: row-reverse;
}
.raty.raty-star-o.raty-star--off:before {
	content: "\f006" !important;
	font-family: fontawesome;
	font-weight: normal;
	font-size: 20px;
}
.raty.raty-star-half-o.raty-star--on:before {
	content: "\f089" !important;
	color: #FF9800 !important;
	font-family: fontawesome;
	font-weight: normal;
	font-size: 20px;
}
.raty.raty-star.raty-star--on:before {
	content: "\f005" !important;
	color: #FF9800 !important;
	font-family: fontawesome;
	font-weight: normal;
	font-size: 20px;
}




.addpage .djrow_insta_contact label:before {
	content: "";
	float: right;
	float: right;
	display: block;
	margin-left: 3px;
	background-repeat: no-repeat;
	background-image: url("/images/webdesign/instagram.png") !important;
	background-size: 24px !important;
	background-position: 0px 0px ;
	width: 24px;
	height: 24px;
}
.addpage .djrow_insta_contact span.id {
	border-bottom: 1px dashed;
	padding-bottom: 3px;
	color: #F44336 !important;
}


.addpage .djrow_website_contact label:before {
	content: "";
	float: right;
	float: right;
	display: block;
	margin-left: 3px;
	background-repeat: no-repeat;
	background-image: url("/images/webdesign/website.png") !important;
	background-size: 24px !important;
	background-position: 0px 0px ;
	width: 24px;
	height: 24px;
}
.addpage span.atten {
	color: #888 !important;
}
.addpage span.planselected {
	color: #888 !important;
	border-bottom: 1px dashed;
	padding-bottom: 3px;
	font-size: 10px !important;
}
.addpage .djform_row span.atten:before{
	content: "\f129";
	float: right;
	float: right;
	display: block;
	margin-left: 3px;
	font-family: fontawesome;
	color: red !important;
	margin-top: 4px;
	margin-left: 5px;
}

.listpage .freelance_atelier_category {
	position: absolute;
	left: 10px;
	top: calc(50% - 13px);
	font-size: 14px;
	background: #FF5722;
	color: #fff !important;
	padding: 0 10px;
	border-radius: 10px;
}
.listpage .freelance_atelier_category span {
	display: none;
}
.listpage .freelance_atelier_category.with-atelier {
	display: none !important;
}






.advert-dj-item.dj-item.promotion.p_bg .itemcatname
, .advert-dj-item.dj-item.promotion.p_bg .consultbox
, .advert-dj-item.dj-item.promotion.p_bg .specialcontent .right .top
, .advert-dj-item.dj-item.promotion.p_bg .specialcontent .right .middle
, .advert-dj-item.dj-item.promotion.p_bg .printtable
, .advert-dj-item.dj-item.promotion.p_bg .rules
, .advert-dj-item.dj-item.promotion.p_bg .specialdesc 
, .advert-dj-item.dj-item.promotion.p_bg .contactcanvas .row_mobile_contact
, .advert-dj-item.dj-item.promotion.p_bg .contactcanvas .row_tel_contact
, .advert-dj-item.dj-item.promotion.p_bg .special-details .logobox img {
	display: none;
}

.advert-dj-item.dj-item.promotion.p_bg .special-details {
	margin-top: 40px;
}
.advert-dj-item.dj-item.promotion.p_bg .special-details .namebox .top .left {
	margin-top: 0px
}


.title-information span {
	display: block;
	font-size: 12px;
	margin-bottom: -7px;
	color: #F44336 !important;
}
.title-information span:last-child {
	margin-bottom: 10px;
}



.edit-advertise .prom_rows.additem_djform {
	display: none;
}
.edit-advertise .bannermainbox .container-fluid .astroid-row {
	display: flex;
}



.freelist {
	display: flex !important;
	flex-wrap: wrap;
	justify-content: flex-start;
	flex-direction: row;
}
.freelist .item_outer_in {
	display: flex;
	flex-direction: column;
}
.freelist .item_img_box_in {
	padding: 0 !important;
	height: 100%;
}
.freelist .item_outer_in .item_img_box {
	flex: 0 0 50%;
	max-height: 50%;
	overflow: hidden;
	position: relative;
}
.freelist .item_img_box_in img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
    object-position: center;
	border-radius: 15px 15px 0 0 !important;
}
.freelist .item_outer_in .item_content {
	flex: 1;
	padding: 0px;
}
.freelist .item_outer_in .item_content .item_content_in {
	height: 100% !important;
	padding: 15px !important;
}
.freelist .item_custom_fields {
	display: none !important;
}



.freelist .item_row.p_bg {
	background: none !important;
	border-bottom: none !important;
}
.freelist li {
	width: 31% !important;
	flex-basis: unset;
	min-height: 300px !important;
	margin-bottom: 3%;
	margin-left: 25px;
}
.freelist .item_cat_region_outer {
	position: unset !important;
	margin-bottom: 0 !important;
}
.freelist .item_row_in {
	padding: 0 !important;
}
.freelist .item_cat_region_outer {
	position: absolute !important;
	bottom: 15px;
	right: 15px;
}
.freelist .profilelist_item_category {
	position: absolute !important;
	left: 10px;
	bottom: 6px;
}
.freelist .item_row {
	margin-bottom: 0 !important;
}
.freelist .item_outer {
	border: none !important;
	border-radius: 15px;
	background: #f5f5f5a1;
	height: 300px !important;
	padding: 0px !important;
}


.search_res_details {
	/display: none;
}











.search_only_images {
    display: flex;
    align-items: center;
    gap: 10px;
}

.switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 26px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s;
    border-radius: 26px;
}

.slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    transition: .4s;
    border-radius: 50%;
}

input:checked + .slider {
    background-color: #4CAF50;
}

input:checked + .slider:before {
    transform: translateX(24px);
}

.label {
    font-size: 14px;
    cursor: pointer;
}


.custombox .type-options {
	padding: 3px;
	background: #eee;
	border-radius: 10px;
	height: 50px;
}
.type-options {
    display: flex;
    gap: 10px;
    align-items: center;
}
.type-options input[type="radio"] {
	display: none;
}
.type-options label {
	width: 32%;
	text-align: center;
	font-size: 14px !important;
	font-weight: normal !important;
    padding: 10px 5px;
    cursor: pointer;
    transition: background 0.3s ease;
	margin: 0 !important;
	border-radius: 10px;
}
.type-options input[type="radio"]:checked + label {
    background: #607D8B;
    color: #fff;
    border-color: #888;
}






.skeleton {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 20px;
}
.skeleton-title {
	height: 50px;
    background: linear-gradient(90deg, #e0e0e0b0 25%, #f0f0f0 50%, #e0e0e0b3 75%);
    background-size: 200% 100%;
    animation: skeleton-loading 1.5s infinite linear;
    border-radius: 5px;
	width: 300px;
	margin-bottom: 10px;
}
.skeleton-item {
	display: flex;
	margin-bottom: 20px;
	border-bottom: 1px solid #eee;
	padding-bottom: 20px;
}
.skeleton-item .right {
	width: 40%;
    height: 150px;
    background: linear-gradient(90deg, #e0e0e0b0 25%, #f0f0f0 50%, #e0e0e0b3 75%);
    background-size: 200% 100%;
    animation: skeleton-loading 1.5s infinite linear;
    border-radius: 5px;
}
.skeleton-item .left {
	width: 60%;
	padding: 0 15px 0 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.skeleton-item .left .top {
    height: 20%;
    background: linear-gradient(90deg, #e0e0e0b0 25%, #f0f0f0 50%, #e0e0e0b3 75%);
    background-size: 200% 100%;
    animation: skeleton-loading 1.5s infinite linear;
    border-radius: 5px;
	width: 200px;
}
.skeleton-item .left .middle {
    height: 70%;
    background: linear-gradient(90deg, #e0e0e0b0 25%, #f0f0f0 50%, #e0e0e0b3 75%);
    background-size: 200% 100%;
    animation: skeleton-loading 1.5s infinite linear;
    border-radius: 5px;
}

@keyframes skeleton-loading {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}



.dj-items-rows {
    display: none;
}





.dashboard .astroid-header-section {
	border: none !important;
	margin-bottom: -40px;
}



.homepositions {
	margin: 50px 0;
}
.homepositions .container-fluid {
	padding: 0;
}
.homepositions .container-fluid .astroid-column {
	padding: 0;
}

.masterbox .items {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.masterbox .items .item {
	width: 32%;
	margin-bottom: 20px;
}
.masterbox .items .item img {
	border-radius: 5px;
	box-shadow: 0px 12px 30px -30px #444;
}


.homebox.homecatmods {
	margin-bottom: 200px;
	margin-top: -150px;
	display: flex;
	justify-content: center;
}
.homebox {
	margin-bottom: 50px;
}
.boxtitle.linked {
	display: flex;
	justify-content: space-between; 
	align-items: center;
}
.boxtitle.advertising .linked a {
	font-weight: normal;
	font-size: 14px;
}
.boxtitle.advertising .linked a:after {
	content: "\f104";
	font-family: fontawesome;
	font-size: 12px;
	margin-right: 5px;
	vertical-align: -1px;
}





.boxtitle.with-image {
	display: flex;
	align-items: center;
}
.boxtitle.with-image img {
	width: 120px;
}
.boxtitle.with-image.koodak h2 {
	font-size: 32px !important;
	color: #6ee4ba !important;
}
.boxtitle.with-image .title-icon img {
	width: 25px;
	margin-top: -4px;
	margin-right: 10px;
}
.boxtitle.with-image .title-image img {
	margin-top: -7px;
}
.boxtitle.with-image.nozad h2 {
	font-size: 32px !important;
	color: #ff6f61 !important;
}
.boxtitle.with-image.bardari h2 {
	font-size: 32px !important;
	color: #6d5de7 !important;
}

.boxtitle.with-image.wedding h2 {
	font-size: 32px !important;
	color: #ef4870 !important;
}

.boxtitle.with-image.portrait h2 {
	font-size: 32px !important;
	color: #0077b6 !important;
}

.boxtitle.with-image.portrait h2 {
	font-size: 32px !important;
	color: #0077b6 !important;
}
.boxtitle.with-image.advertising h2 {
	font-size: 32px !important;
	color: #2b87f9 !important;
}

.boxtitle.with-image.advertising {
	position: relative;
}
.boxtitle.with-image.advertising .linked {
	position: absolute;
	left: 0;
}




.boxtitle , .boxtitle h2 , h2.boxtitle {
	font-size: 24px !important;
	font-weight: bold;
	margin: 10px 0 15px 0;
}
.paddingbox {
	padding: 0 150px;
}
.homekoodakbox .items {
	display: flex;
	justify-content: space-between;
}
.homekoodakbox .item img {
	border-radius: 10px;
	box-shadow: 0px 8px 30px -25px #444;
	width: 100%;
}
.homekoodakbox .item {
	width: 19%;
}
.homekoodakbox .items h2.itemlabel {
	font-size: 17px !important;
    margin: 15px 5px;
	font-weight: normal;
	text-align: center;
}
.homekoodakbox .items .itemlabel a {
	color: #444 !important;
}


.animatebox {
	display: flex;
}
.animatebox .right , .animatebox .left {
	width: 50%;
}
.animatebox .right .items {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
	align-content: center;
}
.animatebox .right .items .item {
	width: 35%;
}
.animatebox .right .itemlabel  {
	font-size: 16px;
}
.animatebox .right .items .item img {
	border-radius: 10px;
}
.animatebox .left {
	position: relative;
}
.animatebox .left .animateimg  {
	position: absolute;
	width: 80px;
	-webkit-animation: animated 5s infinite; /* Safari 4.0 - 8.0 */
	animation: animated 5s infinite;
}


@keyframes animated {
	0%   {opacity: 0;}
	50%  {opacity: 0.5;}
	100% {opacity:0;}
}
@-webkit-keyframes animated {
	0%   {opacity: 0;}
	50%  {opacity: 0.5;}
	100% {opacity:0;}
}

.animatebox .left .fantasy {
	left: 12%;
	top: 18%;
	-webkit-animation: fantasy 6s infinite; /* Safari 4.0 - 8.0 */
	animation: fantasy 6s infinite;
}
@keyframes fantasy {
	0%   {opacity: 0;rotate: 0deg;}
	50%  {opacity: 0.2;rotate: 30deg;}
	100% {opacity:0;rotate: 0deg;}
}
@-webkit-keyframes fantasy {
	0%   {opacity: 0;rotate: 0deg;}
	50%  {opacity: 0.5;rotate: 30deg;}
	100% {opacity:0;rotate: 0deg;}
}


.animatebox .left .holloween {
	right: 20%;
	top: 10%;
	-webkit-animation: holloween 4s infinite; /* Safari 4.0 - 8.0 */
	animation: holloween 4s infinite;
}
@keyframes holloween {
	0%   {opacity: 0;translate: 0px 0px;}
	50%  {opacity: 0.5;translate: 0px 5px;}
	100% {opacity:0;translate: 0px 0px;}
}
@-webkit-keyframes holloween {
	0%   {opacity: 0;translate: 0px 0px;}
	50%  {opacity: 0.5;translate: 0px 20px;}
	100% {opacity:0;translate: 0px 0px;}
}



.animatebox .left .norooz {
	width: 70px;
	left: 40%;
	top: 10%;
	-webkit-animation: norooz 5s infinite; /* Safari 4.0 - 8.0 */
	animation: norooz 5s infinite;
}
@keyframes norooz {
	0%   {opacity: 0;translate: 0px 0px;rotate: 0deg;}
	50%  {opacity: 0.3;translate: 0px 5px;rotate: 5deg;}
	100% {opacity:0;translate: 0px 0px;rotate: 0deg;}
}
@-webkit-keyframes norooz {
	0%   {opacity: 0;}
	50%  {opacity: 0.5;}
	100% {opacity:0;}
}



.animatebox .left .yalda {
	left: 40%;
	bottom: 25%;
	-webkit-animation: yalda 8s infinite; /* Safari 4.0 - 8.0 */
	animation: yalda 8s infinite;
}
@keyframes yalda {
	0%   {opacity: 0;translate: 0px 0px;rotate: 0deg;}
	50%  {opacity: 0.3;translate: 0px 20px;rotate: 0deg;}
	100% {opacity:0;translate: 0px 0px;rotate: 30deg;}
}
@-webkit-keyframes yalda {
	0%   {opacity: 0;}
	50%  {opacity: 0.5;}
	100% {opacity:0;}
}

.animatebox .left .hbd {
	right: 20%;
	bottom: 27%;
	-webkit-animation: hbd 4s infinite; /* Safari 4.0 - 8.0 */
	animation: hbd 4s infinite;
}
@keyframes hbd {
	0%   {opacity: 0;translate: 0px 0px;rotate: 0deg;}
	50%  {opacity: 0.3;translate: 0px -5px;rotate: 10deg;}
	100% {opacity:0;translate: 0px -20px;rotate: 0deg;}
}
@-webkit-keyframes norooz {
	0%   {opacity: 0;}
	50%  {opacity: 0.5;}
	100% {opacity:0;}
}




.animatebox .left .teeth {
	width: 60px;
	left: 20%;
	bottom: 23%;
	animation-delay: 3s;
	-webkit-animation: teeth 5s infinite; /* Safari 4.0 - 8.0 */
	animation: teeth 5s infinite;
}
@keyframes teeth {
	0%   {opacity: 0;translate: 0px 0px;rotate: 0deg;}
	50%  {opacity: 0.2;translate: 0px -5px;rotate: 00deg;}
	100% {opacity:0;translate: 0px 0px;rotate: 0deg;}
}
@-webkit-keyframes teeth {
	0%   {opacity: 0;}
	50%  {opacity: 0.5;}
	100% {opacity:0;}
}

.animatebox .left .christmas {
	width: 70px;
	right: 10%;
	bottom: 50%;
	-webkit-animation: christmas 5s infinite; /* Safari 4.0 - 8.0 */
	animation: christmas 5s infinite;
}
@keyframes christmas {
	0%   {opacity: 0;translate: 0px 0px;rotate: 0deg;}
	50%  {opacity: 0.2;translate: -8px 0px;rotate: 0deg;}
	100% {opacity:0;translate: 0px 0px;rotate: 0deg;}
}
@-webkit-keyframes christmas {
	0%   {opacity: 0;}
	50%  {opacity: 0.5;}
	100% {opacity:0;}
}


.animatebox .left .summer {
	width: 70px;
	left: 10%;
	bottom: 42%;
	animation-delay: 1s;
	-webkit-animation: summer 5s infinite; /* Safari 4.0 - 8.0 */
	animation: summer 5s infinite;
}
@keyframes summer {
	0%   {opacity: 0;translate: 0px 0px;rotate: 0deg;}
	50%  {opacity: 0.2;translate: 0px 0px;rotate: 00deg;}
	100% {opacity:0;translate: 0px 0px;rotate: 00deg;}
}
@-webkit-keyframes summer {
	0%   {opacity: 0;}
	50%  {opacity: 0.5;}
	100% {opacity:0;}
}

.animatebox .left .winter {
	display: none;
}

.animatebox .left .link {
	position: absolute;
	left: 0;
	width: 100%;
	text-align: center;
	top: calc(50% - 50px);
}
.animatebox .left .link a {
	background: #FF5722;
	padding: 10px 20px;
	color: #fff !important;
	border-radius: 55px;
}


#dj-horizontalSwipe2m166 .dj-horizontal-slide:last-child {
	margin-right: 10px;
}
#dj-horizontalSwipe2m166 .dj-horizontal-slide:first-child {
	margin-right: 0px;
}
.dj-horizontal-slide img {
	border-radius: 10px;
}


.nozadboxes .items {
	display: flex;
	justify-content: space-between;
	gap: 30px;
}
.nozadboxes .items .item {
	width: 50%;
}
.nozadboxes .items .item img {
	border-radius: 10px;
	box-shadow: 0px 25px 50px -45px #444;
	width: 100%;
}


.bardariboxes .items {
	display: flex;
	justify-content: space-between;
	gap: 30px;
}
.bardariboxes .item {
	width: 33%;
}
.bardariboxes .item img {
	border-radius: 10px;
	box-shadow: 0px 25px 50px -45px #444;
	width: 100%;
}
.items .text p {
	text-align: justify;
	font-size: 14px;
	color: #888 !important;
	margin-top: 20px;
	padding: 0 10px;
}
.homeboxseo p {
	text-align: justify;
	color: #888 !important;
}
.homeboxseo p strong {
	font-weight: normal;
	color: #000 ;
}

.nozadboxes .homeboxseo {
    display: none;
}

.bardariboxes .item .text {
    display: none;
}




.weddingbox .items {
	display: flex;
	justify-content: space-between;
}

.weddingbox .item {
	width: 19%;
	position: relative;
	overflow: hidden;
	border-radius: 10px;
    display: inline-block;
}
.weddingbox .item .overlayseo {
	position: absolute;
	top: 0px;
	right: 0px;
	left: 0px;
	background-image: linear-gradient(#00000082, #9e9e9e00);
	padding: 20px;
	border-radius: 10px;
}
.weddingbox .item img {
	border-radius: 10px;
	box-shadow: 0px 10px 40px -30px #444;
	object-fit: cover;
    transform: scale(1.05); 
    filter: blur(4px);
}
.weddingbox .item .overlayseo p {
	color: #fff !important;
	text-align: justify;
	font-size: 14px;
	display: none;
}

.weddingbox .itemlabel {
	position: absolute;
	bottom: 50px;
	width: 100%;
}
.weddingbox .itemlabel h2 {
	font-size: 17px;
	margin-top: 10px;
	text-align: center;
}
.weddingbox .itemlabel a {
	color: #ef4b72 !important;
	background: #ffffffe6;
	padding: 5px 15px;
	border-radius: 55px;
	font-weight: normal;
}
.homewedding {
	/background: #607D8B;
	padding-top: 30px;
	padding-bottom: 30px;
}
.homewedding .boxtitle h2 {
	color: #fff !important;
}






.itemid-101 .astroid-header-section {
	display: none;
}
.hometopbox {
	margin-top: -50px;
	position:relative;
}
.hometopbox .toplogo {
	position:absolute;
	top: 50px;
	z-index: 0;
	width: 100%;
	text-align: center;
}
.hometopbox .toplogo img {
	width: 300px;
}
.hometopbox .topcontent {
	position:absolute;
	top: 154px;
	width: 800px;
	right: calc(50% - 400px);
	display: flex;
	flex-direction: column;
	align-items: center;
	/
	z-index: 0;
}
.hometopbox .topcontent h1 {
	color: #fff !important;
	font-size: 24px;
	font-weight: normal;
}
.hometopbox .topcontent h1 strong {
	color: #ff9800 !important;
}
.hometopbox .topcontent h2 {
	color: #adadad !important;
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 30px;
}
.hometopbox .namesearch img {
	width: 20px;
	height: 20px;
	margin-left: 5px;
}
.hometopbox .namesearch a {
	color: #fff !important;
	margin-left: 5px;
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
}

.topsearch {
	display: flex;
	justify-content: center;
	margin-top: 100px;
}
.topsearch .homemodalsearchbtn {
	width: 400px !important;
	height: 55px;
	border-radius: 55px;
	background: #fff !important;
	border: none !important;
	font-size: 18px;
	padding-right: 20px !important;
	display: flex;
	align-items: center;
	font-weight: bold;
	z-index: 0 !important;
	position: relative;
}
.topsearch .homemodalsearchbtn:before {
	content: "\f002";
	font-family: fontawesome;
	font-size: 22px;
	position: absolute;
	left: 20px;
}
.topsearch .homemodalsearchbtn img {
	filter: grayscale(100%);
	width: 65px !important;
	margin-right: 5px;
	opacity: 0.7;
}

/*
.hometopbox .topsearch {
	width: 550px;
	background: #fff;
	padding: 12px;
	border-radius: 15px;
	margin-top: 90px;
}
.hometopbox .topsearch #se172_after_reg_0 {
	display: none;
}
.hometopbox .topsearch #se172_after_cat_5 {
	display: none;
}
.hometopbox .search_row1 {
	display: flex;
	align-items: center;
	margin: 0 !important;
}
.hometopbox .search_row1 select {
	height: 50px;
	margin: 0 !important;
	border: 1px solid #ccc !important;
	border-radius: 10px;
	font-size: 14px;
}
.hometopbox .search_row1 .djcf_se_row {
	margin: 0 !important;
}
.hometopbox .search_row1 .search_regions {
	width: 40% !important;
	padding: 0 !important;

}
.hometopbox .search_row1 .search_cats {
	width: 40% !important;
	/
	background: #FF9800;
	display: flex;
	padding: 0;
}
.hometopbox .search_row1 .search_buttons {
	width: 20%  !important;
	/background: red;
	padding: 0 !important;
}
.hometopbox .search_row1 .search_buttons button {
	width: 80%;
	margin: 0 !important;
	text-align: center;
	text-shadow: none;
	height: 50px;
	border-radius: 10px;
	box-shadow: none !important;
	background: #FF9800 ;
	color: #fff !important;
	font-weight: normal;
	border: none !important;
}
.hometopbox .search_cats select option {
	display: none;
}
.hometopbox .search_cats select option[value="5"]
,.hometopbox .search_cats select option[value="11"]
,.hometopbox .search_cats select option[value="15"]
,.hometopbox .search_cats select option[value="18"]
,.hometopbox .search_cats select option[value="29"]
,.hometopbox .search_cats select option[value="30"]
,.hometopbox .search_cats select option[value="31"]
,.hometopbox .search_cats select option[value="33"]
,.hometopbox .search_cats select option[value="45"]
{
	display: block;
}
.hometopbox .search_row1 .search_cats #se172_cat_0 {
	margin-left: 5px !important;
	border: 2px solid #F44336 !important
}
.hometopbox .search_row1 .search_cats #se172_cat_0:visited {
	border: 1px solid #888 !important;
}

.hometopbox .search_row1 .search_cats #se172_after_cat_0 {
	width: 50%;
	margin-left: 5px !important;
}
*/



.homesearchbtn {
	background: #fff !important;
	margin-top: 90px;
	width: 400px;
	height: 60px;
	border-radius: 55px !important;
	border: none !important;
	display: flex !important;
	justify-content: flex-start;
	align-items: center;
	padding-right: 25px !important;
	font-weight: bold !important;
}
.homesearchbtn:before {
	content: "\f002";
	font-family: fontawesome;
	position: absolute;
	left: 15px;
	font-size: 20px;
	margin-left: 5px;
}
.homesearchbtn img {
	width: 100px;
	margin-right: 5px;
}

.topsearch .custom-filter-menu #filterForm {
	display: flex;
	margin-top: 0px;
	border-radius: 15px;
	width: 350px !important;
	align-content: flex-end;
	align-items: center;
	flex-direction: column;
}
.topsearch .custom-filter-menu .select2 {
	width: 250px;
}
.topsearch .custom-filter-menu .select-wrapper {
	margin-bottom: 10px;
	width: 250px !important;
}
.topsearch .custom-filter-menu #searchButton {
	width: 250px;
	height: 50px;
	background: #FF5722 !important;
	color: #fff !important;
	border-radius: 15px;
	display: flex !important;
	flex-direction: row-reverse;
	justify-content: space-between;
	align-items: center;
	padding: 5px 15px !important;
}
.topsearch .custom-filter-menu #searchButton:before {
	content: "";
	float: left;
	display: block;
	margin-left: 0px;
	background-repeat: no-repeat;
	background-image: url("/images/webdesign/left-white.png") !important;
	background-size: 23px !important;
	background-position: 0px 4px;
	width: 30px;
	height: 30px;
}
.topsearch .custom-filter-menu #filterForm select {
	height: 50px;
	width: 250px;
	border-radius: 10px;
	border: 1px solid #9998;
	font-size: 14px;
	color: #444 !important;
}
.city-selector-container .modal button {
	background: #eee !important;
	height: 50px;
	border-radius: 10px !important;
}
.topsearch .custom-filter-menu label {
	font-size: 12px;
	margin: 0 5px 5px;
	font-weight: bold;
}
.topsearch .custom-filter-menu #filterForm .selection {
	width: 250px !important;
}
.topsearch .custom-filter-menu .city-select-wrapper {
	width: 250px !important;
	margin-bottom: 10px;
}
.topsearch .custom-filter-menu #filterForm .select2 .select2-selection {
	height: 50px !important;
	width: 250px;
	margin-left: 5px;
	border-radius: 10px;
	border: 1px solid #9998 !important;
	font-size: 15px;
}
.itemid-101 .select2-selection__arrow {
	left: 10px !important;
	right: unset !important;
	visibility: hidden;
	top: 15px !important;
}
.itemid-101 .select2-selection__arrow:before {
	content: "\f107";
	font-family: fontawesome;
	visibility: visible;
	font-size: 14px;
}
.itemid-101 .select2-selection__rendered {
	padding-right: 0 !important;
}
.itemid-101 .select2-selection__placeholder {
	padding-right: 15px;
	font-size: 15px;
	color: #444 !important;
}
.itemid-101 .select2-selection__placeholder:before {
	content: "";
	float: right;
	display: block;
	margin-left: -10px;
	background-repeat: no-repeat;
	background-image: url("/images/webdesign/pin.png") !important;
	background-size: 20px !important;
	background-position: 0px 3px ;
	width: 26px;
	height: 26px;
}
.itemid-101 .select2-dropdown {
	border: none;
	padding: 5px;
	transform: translate(4px, 2px);
	background: #f5f5f5;
	margin-top: 0px;
	border-radius: 10px !important;
}
.itemid-101 .select2-search__field {
	border-radius: 5px;
	height: 40px;
}
.itemid-101 .select2-dropdown li {
	font-size: 15px;
	margin-bottom: -5px !important;
}
.itemid-101 .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
	background: #eee !important;
	border-radius: 5px;
	margin-left: 5px;
}
.select2-container--default .select2-results__option--selected {
	background: #ccebcd69 !important;
	color: #4CAF50 !important;
	border-radius: 5px;
	margin-left:  5px;
}
.select2-container--default .select2-results__option--selected:before {
	content: "\f00c";
	font-family: fontawesome;
	vertical-align: -2px;
	margin-left: 5px;
	color: #4CAF50;
}







.sidesearch .search_regions .select2-container--default .select2-selection--single {
	height: 50px !important;
	border-radius: 10px !important;
	border: 1px solid #999 !important;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-left: 10px;
}
.sidesearch .search_regions .select2-selection:after {
	content: "\f107";
	font-family: fontawesome;
	font-size: 13px;
	font-weight: bold;
}
.sidesearch .search_regions .select2-selection__arrow {
	display: none;
}
.sidesearch input.select2-search__field {
	border-radius: 5px;
	border: 1px solid #ccc !important;
	height: 50px;
}
.sidesearch input.select2-search__field:focus {
	border-radius: 5px;
	border: 1px solid #ccc !important;
}
.sidesearch .select2-dropdown {
	background: #f5f5f5 !important;
	padding: 5px;
	border: 1px solid #ddd !important;
	border-radius: 10px !important;
	margin-top: -20px;
}
.sidesearch .select2-dropdown li {
	font-size: 14px;
	margin-bottom: -2px !important;
}
.sidesearch .select2-container--default .select2-results__option--highlighted[aria-selected] {
	background: none !important;
}
.sidesearch ul.select2-results__options li:first-child {
	color: #FF5722 !important;
	font-size: 16px;
}
.sidesearch ul.select2-results__options li:nth-child(2)
,.sidesearch ul.select2-results__options li:nth-child(3)
,.sidesearch ul.select2-results__options li:nth-child(4)
,.sidesearch ul.select2-results__options li:nth-child(5)
,.sidesearch ul.select2-results__options li:nth-child(6)
,.sidesearch ul.select2-results__options li:nth-child(7)
,.sidesearch ul.select2-results__options li:nth-child(8)
,.sidesearch ul.select2-results__options li:nth-child(9)
,.sidesearch ul.select2-results__options li:nth-child(10)
,.sidesearch ul.select2-results__options li:nth-child(11)
,.sidesearch ul.select2-results__options li:nth-child(12)
{
	color: #FF5722 !important;
}

.sidesearch ul.select2-results__options::-webkit-scrollbar {
  width: 10px;
}
.sidesearch ul.select2-results__options::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.sidesearch ul.select2-results__options::-webkit-scrollbar-thumb {
  background: #888;
	border-radius: 22px !important;
}
.sidesearch ul.select2-results__options::-webkit-scrollbar-thumb:hover {
  background: #555;
}












.sidesearch .search_cats select {
	border: 1px solid red !important;
	background: #ff000012 !important;
}
.sidesearch .search_cats #se122_cat_0 {
	border: 1px solid #888 !important;
	background: none !important;
}




.topimage {
	z-index: 0;
}
.carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end {
    z-index: 0;
}
.hometopbox .topheader  {
	position: absolute;
	top: 0;
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding: 20px;
	z-index: 1;
	align-items: center;
}

.hometopbox .topheader .left {
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
}





.homekoodakbox {
	background: #fff;
	padding: 10px 30px;
	border-radius: 20px;
	position: relative;
	box-shadow: 0px -5px 25px -20px #fff;
}
.homekoodak {
	padding: 0 120px;
}


.portraitbox .items {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 10px;
}
.portraitbox .item {
	width: 19%;
}
.portraitbox .itembox {
	display: flex;
	flex-direction: column;
}
.portraitbox .itemimage {
	text-align: center;
}
.portraitbox .item img {
	border-radius: 10px;
	box-shadow: 0px 8px 30px -25px #444;
	width: 100%;
}
 .portraitbox .itemtitle h2 {
	font-size: 17px !important;
    margin: 15px 5px;
	font-weight: normal;
	text-align: center;
}



.advertisebox .items {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.advertisebox .item {
	width: 15%;
	margin-bottom: 30px;
}
.advertisebox .item img {
	border-radius: 10px;
	box-shadow: 0px 10px 35px -30px #444;
	width: 100%;
}
.advertisebox .itemtitle h2 {
	font-size: 17px !important;
    margin: 15px 5px;
	font-weight: normal;
	text-align: center;
}


  
.afterspecial {
    margin-bottom: -10px !important;
}
.afterspecial img {
	border-radius: 10px;
	width: 100%;
}



.editpage-support {
	background: #FFC107;
	padding: 25px 15px;
	border-radius: 25px;
	display: flex;
	flex-direction: column;
	align-items: center;
	box-shadow: 0px 14px 40px -30px #444;
}
.editpage-support .box-image {
	text-align: center;
	margin-bottom: 10px;
}
.editpage-support .box-image img {
	width: 70%;
}
.editpage-support .box-desc {
	font-size: 14px;
	color: #000 !important;
	margin-bottom: 10px;
}
.editpage-support .box-tel a {
	font-size: 20px;
	color: #000 !important;
}

 
 
 
 
 
 
 
 

 

.allowed-list .catbox.not-free {
	display: none;
}
.allowed-list #child.catbox {
	padding-top: 40px !important;
}

.allowed-list .catbox {
	padding-top: 30px;
}
.allowed-list .catbox .cattitle {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 20px;
}
.allowed-list .catbox .catitems {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.allowed-list .catbox .catitems .catitem {
	background: #272727;
    border: 1px solid #272727;
	border-right: 5px solid #eee;
	box-shadow: 0px 10px 40px -35px #444;
	width: 100%;
	margin: 0 0 20px 0px;
	padding: 10px;
	border-radius: 5px;
	position: relative;
	display: flex;
	align-items: center;
}

.allowed-list .catbox .catitems .catitem.has-advert {
    background: #272727;
    border: none;
    border-right: 5px solid #4CAF50;
}
.allowed-list .catitem.has-advert .catname {
	color: #4CAF50 !important;
}
.allowed-list .catbox .catname {
	width: 30%;
	padding-right:10px;
}
.allowed-list .catbox .catname .cat-id {
	margin-right: 10px;
	font-size: 12px;
	color: #eee !important;
	visibility: hidden;
    position: absolute;
}
.allowed-list .catbox .catstatus {
	color: #bbb9b9 !important;
	font-size: 14px;
	margin: 10px 0 10px;
	background: #bdbdbd33;
	width: fit-content;
	padding: 0 10px;
	border-radius: 10px;
}
.allowed-list .catitem.pending .addlink a {
	color: #ffc107  !important;
	padding: 10px;
	margin-left: -10px;
	border-radius: 10px;
}
.allowed-list .catbox .catitems .catitem.pending {
    border: 1px solid #4caf5026;
    border-right: 5px solid #4CAF50;
}
.allowed-list .pending .catstatus {
	font-size: 0px;
	background:  none;
	display:flex;
}
.allowed-list .pending .catstatus span {
	font-size: 16px;
	color: #58b926 !important;
}

.allowed-list .catbox .catstatus.active {
	background: none;
	color: #20b626 !important;
	font-size: 14px;
}
.allowed-list .catbox .catstatus.active:before {
	content: "\f00c";
	font-family: fontawesome;
	vertical-align: middle;
	margin-left: 5px;
}
.allowed-list .catbox .catstatus span {
	margin-right: -30px;
}
.allowed-list .catbox .catstatus span:before {
	content: "\f111";
	font-family: fontawesome;
	font-size: 6px;
	margin-left: 5px;
	vertical-align: 1px;
	position: relative;
	-webkit-animation: greenalarm 2s infinite; 
	animation: greenalarm 2s infinite;
}
@keyframes greenalarm {
	0%   {opacity: 0;}
	50%   {opacity: 1;}
	100% {opacity: 0;}
}
@-webkit-keyframes borderfade {
	0%   {box-shadow: 0px 0px 0px 0px #fff;}
	100% {box-shadow: 0px 0px 0px 10px #fff0;}
}
.allowed-list .catbox .addlink {
	text-align: left;
	position: absolute;
	left: 23px;
}
.allowed-list .catitem.has-advert .addlink a {
	color: #4CAF50 !important;
	background: none;
	padding: 10px;
	margin-left: -10px;
	border-radius: 10px;
}
.allowed-list .notvalidcat .addlink {
	font-size: 14px;
	color: #ccc !important;
}
.allowed-list .catbox .addlink a {
	font-size: 14px;
	color: #ffc107 !important;
}
.allowed-list .catbox .addlink a:after {
	content: "";
	margin-right: 5px;
	margin-top: 5px;
	float: left;
	display: block !important;
	background-repeat: no-repeat;
	background-image: url("/images/webdesign/left-thin.png") !important;
	background-size: 16px !important;
	background-position: 0 0;
	width: 18px;
	height: 16px;
	background: #ffc107;
	border-radius: 5px;
}
.allowed-list .has-advert .addlink a:after {
	background-color: #8bc34a !important;
}
.allowed-list .catbox .addlink a:before {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
}
.allowed-list .access ul {
	display: flex;
	margin: 30px 0 20px !important;
}
.allowed-list .access ul li {
	margin-left: 10px;
}
.allowed-list .access ul a {
	background: #444;
	padding: 10px 15px !important;
	border-radius: 55px;
	font-size: 14px;
}
.allowed-list .access ul li.active a {
	background: #8bc34a;
	color: #fff !important;
}




.itemid-143 .dj-additem {
	display: none;
}


.active-cat .item {
	border: none;
	padding: 0;
	margin: 0;
}
.active-cat .items-col {
	float: none !important;
	width:100%;
	background: #F44336;
}
.active-cat .item .title {
	font-size: 14px;
	padding: 0;
	display: flex;
	flex-direction: row-reverse;
	justify-content: flex-end;
}
.active-cat .item .title a.title {
	visibility: hidden;
}

.listinfo {
	margin-bottom: 30px;
	border-right: 3px solid #F44336;
	padding: 0 10px;
}
.listinfo p {
	font-size: 14px;
	margin-bottom: 10px;
}
.listinfo p span {
	border-bottom: 1px dashed;
	padding-bottom: 3px;
}
.listinfo p a {
	display: inline-block;
	margin-left: 3px;
	color: #F44336 !important;
	background: #272727;
	padding: 3px 7px;
	border-radius: 5px;
}

.astroid-banner-inner {
	background: none !important;
}
.addpage .bannermainbox  {
	background-image: linear-gradient(to right, #fff, #eee);
	padding: 0 !important;
	border-radius: 0 0 50px 0;
}
.addpage .bannermainbox .astroid-banner-inner {
	padding: 30px 50px !important;
}
.addpage .bannermainbox .astroid-banner-inner h1 {
	font-size: 24px;
	margin-bottom: -5px !important;
}
.addpage .bannermainbox .astroid-banner-inner h2 {
	font-size: 14px;
	font-weight: normal;
}
.addpage .bannermainbox .astroid-banner-inner h2:before {
	content: "\f05a" !important;
	font-family: fontawesome;
	font-size: 18px;
	margin-left: 5px;
	vertical-align: -3px;
}
.addpage .bannermainbox .supportbox {
	display: flex;
	align-items: center;
	justify-content: center;
}


.poshtibanibtn {
	position: absolute;
	left: 50px;
	top: calc(50% + 10px);
	height: 45px;
	background: #FF5722 !important;
	border: none;
	color: #fff !important;
	padding: 10px 20px;
	margin-top: -30px;
}
.poshtibanibtn:focus {
	background: #FF5722 !important;
	border: none;
	color: #fff !important;
	padding: 10px 20px;
	margin-top: -30px;
}
.poshtibanibtn:before {
	content: "";
	float: right;
	display: block;
	margin-left: 6px;
	background-repeat: no-repeat;
	background-image: url("/images/webdesign/support-white.png") !important;
	background-size: 24px !important;
	background-position: 0 0 ;
	width: 24px;
	height: 24px;
}



.support-modal .modal-header .closebtn {
	background-color: #f5f5f5;
	font-size: 14px;
	padding: 8px 20px;
	border-radius: 10px;
}

.support-modal .modal-header .closebtn:before {
	content: "\f105" !important;
	font-family: fontawesome;
	font-size: 12px;
	margin-left: 5px;
	vertical-align: -1px;
}

.support-modal {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.5);
  transition: all 0.3s ease;
}
.support-modal .modal-body {
	padding: 25px 0;
}
.support-modal.show {
  display: flex;
  align-items: center;
  justify-content: center;
}

.support-modal .modal-content {
  background: #fff;
  padding: 0 20px;
  width: 100%;
  height: 100%;
  transform: scale(0.8);
  opacity: 0;
  transition: all 0.3s ease;
}
.support-modal .modal-header {
	border-bottom: 1px solid #ccc;
	padding: 25px 0;
}
.support-modal.show .modal-content {
  transform: scale(1);
  opacity: 1;
}













.addpage .djform_info_row_in.alert-info {
	background: none;
	border: none;
	padding: 0;
	margin-bottom: 0;
}
.addpage .djform_info_row_in.alert-info .desc {
	display: none;
}
.addpage .djform_info_row_in.alert-info h3 {
	margin-bottom: 0 !important;
	color: #FFC107 !important;
}
.addpage .djform_info_row_in.alert-info h3 b {
	margin: 0 5px;
}
.addpage .djform_info_row_in.alert-info h3:before {
	content: "\f05a" !important;
	font-family: fontawesome;
	font-size: 18px;
	margin-left: 5px;
	vertical-align: -2px;
}
.djform_row.djform_info_row {
	border: none;
	float: right;
	margin: 0 10px 20px !important;
}





.itemcount {
	margin-bottom: 20px;
	font-size: 14px;
}
.itemcount span {
	background: #e1ffc8;
	padding: 3px 8px;
	border-radius: 4px;
	margin-left: 5px;
	color: #4caf50 !important;
}
.itemcount.all-ok {
	color: #4caf50 !important;
	background: #e7f7e0;
	width: fit-content;
	padding: 5px 10px;
	border-radius: 10px;
}
.itemcount.all-ok:before {
	content: "\f00c";
	font-family: fontawesome;
	vertical-align: middle;
	margin-left: 5px;
	font-size: 18px;
}
.itemcount.no-ads {
	color: #FF5722 !important;
	background: #ff572212;
	width: fit-content;
	padding: 5px 10px;
	border-radius: 10px;
}
.itemcount.no-ads:before {
	content: "\f05a";
	font-family: fontawesome;
	vertical-align: middle;
	margin-left: 5px;
	font-size: 18px;
}


.freelance-registration .if-studio {
	display: none;
}
.atelier-registration .if-freelancer {
	display: none;
}
.atelier-registration .if-studio {
	margin-bottom: 10px;
}
.freelance-registration .additem_djform.profile_fields .title_top {
	display: none;
}
.atelier-registration .additem_djform.profile_fields .title_top {
	display: none;
}
span.info.register-region-field {
	color: #FFC107 !important;
}








#profile_ex_fields {
	display: flex;
	flex-direction: column;
}
#profile_ex_fields .djrow_freelance_atelier_profile {
	order: 1;
}

#profile_ex_fields .djrow_mobile {
	order: 5;
}
#profile_ex_fields .djrow_mobile2 {
	order: 6;
}
#profile_ex_fields .djrow_tel {
	order: 7;
}
#profile_ex_fields .djrow_tel2 {
	order: 8;
}
#profile_ex_fields .djrow_neshani {
	order: 3;
}
#profile_ex_fields .djrow_manager {
	order: 2;
}
#profile_ex_fields .djrow_mahalleh {
	order: 4;
}




span.notshow {
	color: #F44336 !important;
}









.addnewpage .masterback {
	position: relative;
	height: 100vh;
	width: 100%;
	background-image: url('/images/webdesign/additemback.jpg');
	background-size: cover;
}
.addnewpage .mainbox {
	position: absolute;
	top: 12%;
	height: 80%;
	width: 100%;
}
.addnewpage .mainbox .top h1 {
	color: #fff !important;
	font-size: 60px;
	text-align: center;
	text-shadow: 3px 3px 10px #000;
}
.addnewpage .mainbox .top h2 {
	color: #fff !important;
	margin: 15px 0 25px 0;
	font-size: 60px;
	text-align: center;
	text-shadow: 3px 3px 10px #000;
}
.addnewpage .mainbox .top h3 {
	color: #fff !important;
	font-size: 24px;
	text-align: center;
	text-shadow: 3px 3px 10px #000;
	font-weight: normal;
}
.addnewpage .mainbox .photographer {
	position: relative;
}
.addnewpage .mainbox .photographer .new {
	position: absolute;
	top: 0;
	left: 0;
	background: #ffbe00;
	padding: 5px 10px;
	border-radius: 15px 0 15px 0;
}
.addnewpage .mainbox .bottom {
	display: flex;
	flex-direction: row;
	justify-content: center;
}
.addnewpage .mainbox .bottom .boxes {
	border-radius: 25px;
	display: flex;
	justify-content: center;
}
.addnewpage .mainbox .bottom .box {
	margin: 30px 10px 10px 10px;
	background: #ffffff0d;
	border-radius: 15px;
	padding: 10px;
	width: 400px;
}
.addnewpage .mainbox .bottom h3 {
	color: #ffbe00 !important;
	font-size: 26px;
	margin: 20px 0 20px;
	text-align: center;
}
.addnewpage .mainbox .bottom h4 {
    font-weight: normal;
	color: #fff !important;
	font-size: 15px;
	margin: 15px 0 15px 0;
	text-align: center;
}

.addnewpage .mainbox .bottom .btns {
	text-align: center;
	margin: 25px 0 15px 0;
}
.addnewpage .mainbox .bottom .btns a {
	background: #ffbe00 !important;
	padding: 9px 15px;
	border-radius: 7px;
	font-size: 15px;
}
.addnewpage .mainbox .bottom .btns a:after {
	content: "\f060";
	font-weight: bold;
	vertical-align: -2px;
	margin-right: 9px;
}

.addnewpage .toplinks {
	padding: 25px;
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
}
.addnewpage .toplinks .link a {
	color: #fff !important;
}
.addnewpage .toplinks .link.support a {
	color: #fff !important;
	background: #ffffff4f;
	padding: 10px 15px;
	border-radius: 10px;
}
.addnewpage .toplinks .link.back a:after {
	content: "\f060";
	font-weight: bold;
	vertical-align: -2px;
	margin-right: 9px;
}
.addnewpage .astroid-component-section {
	padding: 0;
}
.addnewpage .astroid-component-section .container-fluid {
	padding: 0;
}
.addnewpage .astroid-component-section .container-fluid .astroid-column {
	padding: 0;
}
.addnewpage .topheader {
	display: none;
}

.profilemenu .profilemenubtn {
	background: none;
	font-size: 0px;
	padding: 0;
	border: none;
}
.profilemenu .profilemenubtn:before {
	content: "";
	float: left;
	display: block;
	background: #eee;
	padding: 7px;
	border-radius: 55px;
	background-repeat: no-repeat;
	background-image: url("/images/webdesign/user.png") !important;
	background-size: 26px !important;
	background-position: 5px 4px ;
	width: 36px;
	height: 36px;
}
.profilemenu button:after {
	display: none;
}
.profilemenu ul {
	width: 250px;
	margin-left: 0px !important;
	margin-top: 9px !important;
	box-shadow: 0px 10px 30px -22px #444;
	border-radius: 12px;
	border: 1px solid #eee;
	padding: 10px 15px 0 !important;
	animation: dashboard-dropdown  0.2s ease-in-out;
	position: relative;
	transition: 0.5s;
}
@keyframes dashboard-dropdown {
     0% {
        transform:  transLateY(10px) transLateX(0px);
		opacity: 0;
		transition: 0.5s;
    }
    100% {
        transform:  transLateY(46px) transLateX(0px);
		opacity: 1;
		transition: 0.5s;
    }
}
.profilemenu ul li {
	font-size: 14px;
}
.profilemenu ul li a:hover {
	background: none !important;
}







.dashboard .astroid-offcanvas {
	background: hsla(0,0%,100%,.08) !important;
	width: 330px;
}
.dashboard-headerbtns {
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
}
.dashboard-headerbtns .mainlink {
	margin-left: 20px;
}
.dashboard-headerbtns a {
	font-size: 14px;
	padding: 0;
}
.profilename {
	background: #444;
	margin: -11px -16px 10px;
	padding: 10px 15px;
	border-radius: 10px 10px 0 0;
}
.profileeditlink a {
	color: #fff !important;
	font-size: 10px;
	background: #555;
	padding: 3px 5px;
	border-radius: 5px;
}
.profilenametitle {
	color: #fff !important;
	font-size: 18px;
	margin-bottom: 5px;
}
.dashboard .plandetails , .plandetails .planname
,.plandetails .plantitle {
	font-size: 13px;
	color: #000 !important;
}

.plandetails.free-plan .days
, .plandetails.free-plan .progress-bar {
	display: none;
}


.dashboard .days {
	font-size: 13px;
	display: flex;
	align-items: center;
	color: #000 !important;
}
.topdetails .days span {
	font-size: 14px;
	background: #000;
	padding: 4px 5px 0px 7px !important;
	border-radius: 5px;
	margin-left: 3px;
}

.middledetails {
	padding: 10px 0;
}
.middledetails a {
	font-size: 13px;
	color: #000 !important;
}
.middledetails .itemlink.exit {
	background: #cfcfcf;
	margin: 0 -16px -11px -16px !important;
	border-radius: 0 0 10px 10px;
	padding: 15px;
}
.middledetails .itemlink.exit a {
	background: none;
	border: none;
}
.middledetails .itemlink {
	margin-bottom: 5px;
}
.free-plan .plancharge {
	background: #89ff002e;
	margin: 10px 0px 0;
	border-radius: 5px;
	padding: 5px 8px;
}
.plancharge {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin-top: 20px;
	padding: 7px 0;
}
.plancharge a {
	font-size: 14px;
	color: #4CAF50 !important;
	font-weight: bold;
}
.free-plan .plancharge a {
	color: #4CAF50 !important;
}
.plancharge a:after {
	content: "\f104";
	font-family: fontawesome;
	font-size: 12px;
	vertical-align: middle;
	float: left;
}
.noplan {
	font-size: 13px;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	border-bottom: 1px solid  #ddd;
	padding-bottom: 15px;
	color: #FF5722 !important;
}
.noplan a {
	font-size: 12px;
	background: #8BC34A;
	padding: 3px 7px;
	margin-top: 5px;
	width: fit-content;
	border-radius: 7px;
	color: #fff !important;
}

.custom-avatar-mod.atelier-mod .profile-activity {
	display: none;
}

.dashboard .additem_djform_in:empty {
	display: none;
}
.dashboard .side-avatar {
	background: hsla(0,0%,100%,.08) !important;
	border-radius: 20px;
	padding: 20px 0;
}
.dashboard .addbanner {
	padding: 0 !important;
	background: hsla(0,0%,100%,.08) !important;
	border-radius: 20px;
	padding: 20px !important;
	height: 120px;
	margin: 0 -20px 45px;
}
.dashboard .addbanner .container-fluid {
	padding: 0 !important;
}
.dashboard .custom-avatar {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
}
.dashboard .custom-avatar .first {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
}

.dashboard .custom-avatar img {
	border-radius: 155px;
	width: 150px !important;
}
.dashboard .custom-avatar .second {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.dashboard .addbanner .second.add-banner .container-fluid {
	padding-right: 0 !important;
}
.dashboard .addbanner .second.add-banner .container-fluid h1 {
	font-size: 18px;
}
.dashboard .addbanner .container-fluid h2 {
	font-size: 15px;
	font-weight: normal;
	margin: 0;
	color: #fff !important;
}
.dashboard .addbanner .container-fluid h2:before {
	content: "\f05a" !important;
	font-family: fontawesome;
	font-size: 14px;
	margin-left: 5px;
	vertical-align: -1px;
}
.dashboard .custom-avatar .userdetail span {
	text-align: center;
	background: #FFC107;
	border-radius: 4px;
	font-size: 15px;
	color: #000000 !important;
	position: absolute;
	bottom: 0px;
	width: 128px;
	right:  calc(50% - 64px);
}
.dashboard .custom-avatar .userdetail span.profile-atelier {
	width: 200px;
	right:  calc(50% - 100px);
}
.dashboard .custom-avatar .profile-name {
	margin: 15px 0 15px 0;
	text-align: center;
}
.dashboard .custom-avatar .profile-name span {
	color: #ffffff !important;
	font-size: 25px;
}
.dashboard .profileplan {
	margin-bottom: 20px;
}
.dashboard .profileplan.hasplan {
	background: #ffc107;
	padding: 5px 25px;
	border-radius: 10px;
}
.dashboard .profileplan.hasplan.freeplan {
	background: none;
	padding: 5px 0 !important;
}
.dashboard .userplanname {
	color: #fff !important;
	font-size: 14px;
}
.dashboard .freeplan .userplanname {
	font-size: 16px;
}
.dashboard .freeplan .userplanname .start-ad {
	font-size: 13px;
    background: #eee;
    padding: 3px 8px;
    border-radius: 8px;
    margin-right: 15px;
    color: #444 !important;
}
.dashboard .djcf_user_avatar.custom-avatar {
	border-bottom: 1px solid #3e3e3e;
	margin: 10px 20px;
}




.planexpire {
	font-size: 12px;
	text-align: center;
	display: none;
}
.planexpire span {
	background: #eee;
	margin-left: 3px;
	padding: 2px 3px 0 5px;
	border-radius: 5px;
}
.custom-avatar-mod .usermenu {
	padding: 0 20px;
}
.custom-avatar-mod .usermenutitle h3 {
	font-size: 22px;
	display: none;
}
.custom-avatar-mod .usermenu li {
	margin-bottom: 5px;
	padding: 5px 10px;
	display: inline-block;
	width: 100%;
}

.custom-avatar-mod .usermenu li.logout {
	border-top: 1px solid #ccc;
	padding: 20px 30px 20px 0 !important;;
	margin-top: 20px;
	margin-bottom: -10px;
}
.custom-avatar-mod .usermenu li span.profiledesc {
	font-size: 12px;
	margin-right: 10px;
	color: #b3b3b3 !important;
	display: inline-block;
}
.custom-avatar-mod .usermenu li a {
	font-size: 16px !important;
}
.custom-avatar-mod .usermenu li.active {
	background: #f3f3f3;
	border-radius: 8px;
}
.custom-avatar-mod .usermenu li.active a {
	color: #FF5722 !important;
}

.dashboard .useritems_search.djinputbox {
	display: none;
}

.profile-logo #profile_ex_fields {
	display: none;
}
.profile-contact .djrow_1318_price_profile
,.profile-contact .djrow_1621_price_profile
,.profile-contact .djrow_2030_price_profile
,.profile-contact .djrow_biodesc
,.profile-contact .djrow_website_contact
,.profile-contact .djrow_insta_contact
,.profile-contact .title_top
,.profile-contact .djrow_activity_locations_profile {
	display: none;
}
.profile-activity .profile_image
,.profile-activity .djrow_website_contact 
,.profile-activity .djrow_insta_contact 
,.profile-activity .title_top
,.profile-activity .djrow_mobile_freelancer 
,.profile-activity .djrow_tel_freelancer 
,.profile-activity .djrow_neshani_freelancer
,.profile-activity .djrow_biodesc
,.profile-activity .djrow_website_contact
,.profile-activity .djrow_website_contact {
	display: none;
}
.profile-print .djform_row {
	display: none;
}
.profile-print .djrow_1318_price_profile
, .profile-print .djrow_1621_price_profile
, .profile-print .djrow_2030_price_profile {
	display: unset;
}
.profile-edit-page .djform_field {
	float: right !important;
}
.profile-logo .title_top
, .profile-print .title_top
, .profile-bio .title_top
, .profile-account .title_top
, .profile-social .title_top {
	display: none;
}

.profile-bio .djform_row {
	display: none;
}
.profile-bio .djrow_biodesc {
	display: unset;
}
.profile-account #profile_ex_fields {
	display: none;
}


.profile-social .djform_row {
	display: none;
}
.profile-social .djrow_website_contact
,.profile-social .djrow_insta_contact {
	display: unset;
}














.account-info {
	display: flex;
	justify-content: space-between;
}
.date-info .register-date {
	display: none;
}
.account-info .detail {
	background: #f8f8f8;
	border: 1px solid #f2f2f2;
	padding: 20px 20px;
	border-radius: 10px;
	width: 30% !important;
	text-align: center;
	display: flex;
	justify-content: space-between;
}
.account-info .last-login {
	display: flex;
	justify-content: space-between;
	width: 100%;
}
.account-info .condition {
	display: flex;
	justify-content: space-between;
	width: 100%;
}
.account-info .detail .value {
	font-weight: bold;
	color: #272727 !important;
}
.account-info .detail .title {
	font-size: 15px;
	color: #272727 !important;
}
.account-verify.no-verify {
	border: 2px solid #ff00002b;
}
.account-verify.no-verify .title {
	color: #ff0000a1 !important;
}
.account-verify.no-verify .value {
	color: #ff0000a1 !important;
}








.viewcanvas {
	height: auto !important;
	max-height: 70% !important;
    right: calc(50% - 175px) !important;
	bottom: 20px;
    background: #fff;
    box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
    transition: bottom 0.4s ease;
    z-index: 9999;
    padding: 10px;
	width: 350px;
	border-radius: 20px;
}
.viewcanvas table {
    width: 100%;
    border-collapse: collapse;
    margin-top: -10px;
}
.viewcanvas td.catname {
    padding: 8px;
    border: 1px solid #ddd;
    text-align: center;
	font-size: 14px !important;
}
.viewcanvas td.view {
    padding: 8px;
    border: 1px solid #ddd;
    text-align: center;
	font-size: 16px !important;;
}
.viewcanvas .offcanvas-header h5 {
    margin-bottom: 0 !important;
}








.planinfo {
	display: flex;
	align-items: center;
	flex-direction: row;
	justify-content: space-between;
}
.planinfo .firstplanlink {
	background: #8BC34A;
	padding: 10px 25px;
	border-radius: 10px;
	color: #fff !important;
	font-size: 14px;
}
.plancircleview text {
	font-family: peyda !important;
	font-size: 30px !important;
	transform: translate(0px, 5px);
}
.plancircleview svg {
	transform: rotate(0deg);
}
.plancircleview text.circle-subcaption {
	font-size: 14px !important;
	font-weight: normal;
}

.plandetail .plan-start span.daysago {
	background: #272727;
	margin-right: 10px;
	font-size: 14px;
	padding: 7px 8px;
	border-radius: 8px;
}
.plandetail .plan-remain {
	display: none;
}
.plandetail .box  {
	margin-bottom: 20px;
}
.plandetail.no-plan {
	display: flex;
	align-items: center;
}
.plandetail.no-plan .plan-select {
	margin: 0 0 0 10px;
}
.plandetail.no-plan .plan-select span.title {
	display: none;
}
.plandetail .box:last-child {
	margin-bottom: 0;
}
.plandetail span.title {
	min-width: 120px;
	font-weight: normal;
	font-size: 16px;
	color: #999 !important;
}
.plandetail span.value {
	font-weight: bold;
}
.plan-box {
	border: 2px solid #44bc55;
	border-radius: 20px;
	padding: 20px 30px;
	position: relative;
	margin: 40px 0 60px;
}
.plan-box.has-no-plan {
	height: 200px;
	display: flex;
}
.plan-box.has-no-plan .planinfo {
	width: 100%;
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
}
.plan-box.has-no-plan .noplan-image {
	display: block;
	width: 110px;
}
.noplan-image {
	display: none;
}
.plan-box.has-no-plan .plancircleview {
	display: none;
}
.blocktitle {
	position: absolute;
    top: -14px;
    padding: 0 5px;
    background: #151515;
    font-size: 19px;
    font-weight: bold;
}
.renewinfo span.value {
	font-weight: normal;
	font-size: 14px;
}


.blockboxes {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}
.blockbox {
	border: 2px solid #44bc55;
	padding: 30px;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	border-radius: 20px;
}
.blockbox.allpages .boxes {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.blockbox.allpages .boxes .box.right {
	width: 50%;
}
.blockbox.allpages .boxes .box.left {
	width: 35%;
	display: flex;
	justify-content: center;
}
.blockbox.allpages .boxes .box.right .view-box {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 15px 0 0px 0 ;
	margin-bottom: 30px;
}
.blockbox.allpages .boxes .box.right .link-box {
	display: flex;
	justify-content: space-between;
}

.blockbox.allpages .boxes .box.right .link-box a {
	font-size: 16px;
	background: #272727;
	padding: 15px 25px;
	border-radius: 15px;
	width: 100%;
	text-align: center;
}
.blockbox.allpages .boxes .box.right .link-box .link {
	width: 40%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.blockbox .block {
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
	align-items: center;
}
.blockbox .block .value {
	background: #272727;
	padding: 5px 10px;
	font-size: 14px;
	border-radius: 10px;
}
.blockbox .block .title {
	font-size: 16px;
	font-weight: normal;
}
.blockbox.allpages {
	position: relative;
	padding: 45px 30px 30px;
}
.blockbox.allpages .block-title {
	position: absolute;
    top: -14px;
    padding: 0 5px;
    background: #151515;
    font-size: 18px;
    font-weight: bold;
}
.blockbox.allpages #adsChart {
	background: #ffffff;
	border-radius: 15px;
	padding: 15px;
}







.topabout {
	display: flex;
	align-items: center;
}
.topabout .box {
	width: 60%;
}
.topabout .left.box {
	display: flex;
	justify-content: center;
	width: 40%;
}
.topabout .first {
	font-size: 30px;
	margin-bottom: 10px;
}
.topabout p {
	text-align: justify;
}
.isokfor {
	margin-top: 50px;
}
.isokfor .title {
	font-size: 30px;
	font-weight: bold;
	color: #9ecd75 !important;
}
.isokfor .okitems {
	display: flex;
	margin-top: 30px;
	justify-content: space-between;
}
.isokfor .okitems .title {
	font-size: 20px;
	font-weight: bold;
	color: #8bc34ad6 !important;
}
.isokfor .okitems .item {
	background: #f9ff950;
	padding: 25px 20px;
	border-radius: 30px 20px 30px 30px;
	width: 22%;
	box-shadow: 0px 20px 40px -38px;
	border-right: 2px solid #94cd2447;
	border-top: 2px solid #94cd2447;
}
.isokfor .okitems .item .desc {
	margin-top: 10px;
	font-size: 14px;
	text-align: justify;
}

.about-planlink {
	margin-top: 100px;
	border-right: 4px solid #8BC34A;
	padding: 4px 8px;
}
.about-planlink a {
	font-size: 24px;
}
.about-planlink a strong {
	font-weight: normal;
	color: #8BC34A !important;
}
.about-planlink a:after {
	content: "\f104";
	font-family: fontawesome;
	vertical-align: middle;
	font-size: 18px;
	margin-right: 10px;
	color: #8BC34A !important;
}














.itemid-101 .seobox .first {	
	background: none !important;
	box-shadow: none;
	padding: 0;
	margin-bottom: -6px;
}
.seobox .first {	
	background: linear-gradient(#d6cdff78, #fff);	
	padding: 35px;
	border-radius: 15px;
}
.seobox .first h1 {	
	margin-top: 0 !important;
	
	margin-bottom: 20px;

}
.seobox .first p.maintext {	
	margin-bottom: 0;	
	font-weight: normal;
}
.seobox h1 {
	font-weight: bold;	
	font-size: 24px;	
	margin-top: 30px;
}
.seobox h2 {	
	font-weight: bold;	
	font-size: 24px;
}
.seobox p {
	text-align: justify;
}
.seobox p.maintext {
	font-weight: bold;
}
.seobox span.slogan {
	color: #8080808c !important;	
	font-size: 14px;
	margin-bottom: 5px !important;	
	display: block;
}
.infoboxtitle {	
	font-size: 30px;	
	font-weight: bold;	
	color: #0d7e74 !important;	
	margin: 40px 0;
}
.seobox .infobox .boxes {	
	display: flex;	
	flex-direction: row;	
	flex-wrap: wrap;	
	justify-content: space-between;
}
.seobox .infobox .boxes .box {
	background: #eaffeb61;
	box-shadow: 0px 10px 35px -25px #13535640;
	width: 30%;	
	padding: 25px;	
	border-radius: 15px;	
	margin-bottom: 35px;
}
.seobox .infobox .boxes .box .icon {
	margin-bottom: 10px;
}
.seobox .infobox .boxes .box .title {
	font-weight: bold;	
	margin-bottom: 5px;	
	margin-top: 5px;
}
.seobox .infobox .boxes .box h3.text {
	font-size: 14px;	
	text-align: justify;
	line-height: 25px;
}
.seobox ul {	
	margin-bottom: 20px !important;
}
.seobox ul li {	
	font-size: 16px !important;	
	margin-bottom: 15px !important;	
	direction: rtl;	
	text-align: justify;
	color: gray !important;
}
.seobox ul li:before {
	content: "";
	display: block;
	font-family: fontawesome;
	float: right;
	margin-left: 8px;
	font-size: 14px;	
	margin-top: 10px !important;
	width: 7px;
	height: 7px;
	background: #888;
	border-radius: 5px;
}
.seobox .suggest-seolinks h2 {
	color: #ff0090 !important;
	margin-top: 80px;
}
.seobox .suggest-seolinks .link {
	margin-bottom: 8px !important;
}
.seobox .suggest-seolinks .link a {	
	font-size: 16px;	
	font-weight: bold;
}
.seobox .suggest-seolinks .link a:before {
	content: "\f104";
	font-family: fontawesome;
	float: right;	
	margin-left: 5px;
	font-size: 14px;	
	margin-top: 2px;
}
.seobox .card-body {
	padding: 0;
	border: none;
}
.seobox button {
	padding: 0 !important;
	font-size: 13px !important;	
	margin-bottom: 5px;
	background: none !important;
}
.seobox button span {
	padding: 7px 10px !important;
	border-radius: 10px;
	background: #eeeeee !important;
	width: fit-content;
}
.seobox button span.close {
	display: none;
}
.seobox button[aria-expanded="true"] span.open {
	display: none !important;
}
.seobox .card-body button[aria-expanded="true"] span.close {
	display: block !important;
}
.faq-title {	
	padding: 20px 0;
	font-size: 24px;	
	font-weight: bold;	
	color: #ff0090 !important;
}
.bottomseo-faq {	
	margin-bottom: 60px;
}
.bottomseo-faq .accordion-button:not(.collapsed) {	
	box-shadow: none !important;
}
.bottomseo-faq .accordion-item:first-of-type .accordion-button {	
	border: none !important;
}
.bottomseo-faq .accordion-item {
	border: none !important;
	background: none !important;
	border-bottom: 1px solid #ddd !important;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.bottomseo-faq .accordion-item:last-child {
	margin-bottom: 0 !important;	
	border-bottom: none !important;	
	padding-bottom: 0;
}
.bottomseo-faq .accordion {	
	/
	border: 1px solid #ddd;
	background: #f5f5f5db;
	padding: 20px 25px 20px 25px;
	border-radius: 10px;
}
.bottomseo-faq h2 button {	
	font-size: 18px !important;	
	border-radius: 0px !important;	
	padding: 20px !important;
	font-weight: bold;	
	width: 100% !important;	
	display: flex;	
	justify-content: space-between;
	flex-direction: row-reverse;
	align-items: center;
	margin-bottom: 0;
}
.bottomseo-faq h2 button:after {    
	display: none;
}
.bottomseo-faq h2 button:before {
	content: "\f107";	
	float: left !important;
	transition: 0.5s;
}
.bottomseo-faq h2 button[aria-expanded="false"]:before {	
	content: "";
	margin-right: 5px;
	float: left;
	margin-top: 5px;
	width: 16px;
	height: 16px;
	background-image: url('/images/webdesign/left-thin.png') !important;
	background-size: 16px !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;
	rotate: -90deg;
}
.bottomseo-faq h2 button[aria-expanded="true"]:before {	
	content: "";
	margin-right: 5px;
	float: left;
	margin-top: 5px;
	width: 16px;
	height: 16px;
	background-image: url('/images/webdesign/left-thin.png') !important;
	background-size: 16px !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;	
	rotate: 90deg;
	transition: 0.5s;
}


.topsuggest.nocity {
	margin-bottom: 10px;
	display:flex;
	align-items: center;
}
.topsuggest.nocity .title {
	color:#e8392e  !important;
	display: flex;
	margin-left: 10px;
	align-items: center;
}
.topsuggest.nocity .title:before {
	content: "";
	float: right;
	display: block;
	margin-left: 0px;
	background-repeat: no-repeat;
	background-image: url("/images/webdesign/nomap-animate.gif") !important;
	background-size: 32px !important;
	background-position: 0 0px ;
	width: 32px;
	height: 36px;
}
.topsuggest.nocity button {
	background: #f000000a !important;
	border: none;
	padding: 5px;
	font-size: 12px;
	margin-bottom: -1px;
}
.topsuggest.nocity button span {
	color: #e8392e !important;
}




.topsuggest ul {
	display: flex;
	overflow-x: auto;
	padding: 20px 0 !important;
	align-items: center;
	scrollbar-width: none;
    -ms-overflow-style: none;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
}
.topsuggest ul.dragging {
    cursor: grabbing;
    user-select: none;
}
.topsuggest ul li {
	flex: 0 0 auto;
    margin-inline-end: 5px;
}
.topsuggest ul li:last-child {
	/margin-left: 80px;
}
.topsuggest ul li.divider {
	font-size: 14px;
	color: #888 !important;
}
.topsuggest ul li.divider button {
	background: #f3f3f3 !important;
}
.topsuggest ul li a {
	background: #f3f3f3;
	padding: 10px 15px;
	border-radius: 7px;
	font-size: 14px;
	margin-left: 5px !important;
}
.topsuggest ul li.tehran a {
	background: #f3f3f3;
	padding: 9px 14px;
	border-radius: 7px;
	font-size: 16px;
	border: 2px solid #444 !important;
}
.topsuggest ul li.tehran a:before {
	content: "\f061";
	font-family: fontawesome;
	vertical-align: -2px !important;
	margin-left: 5px;
}
.topsuggest ul li.active a {
	background: #444;
	color: #fff !important;
}
.topsuggest ul li a strong {
	font-weight: normal!important;
	font-size: 12px;
}
.topsuggest ul::-webkit-scrollbar {
    height: 8px  !important;
}

.top--suggest:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	display: none;
	float: left;
	width: 100px;
	height: 100%;
  background: linear-gradient(to right, rgba(255,255,255,0.9), transparent);
  pointer-events: none;
  transition: opacity 0.3s ease;
  opacity: 1;
}
.topsuggest.no-fade::after {
  opacity: 0;
}
.topsuggest .hoomehbtn {
	background: #fff !important;
    padding: 10px 15px !important;
    border-radius: 7px;
    font-size: 14px;
    margin-left: 5px !important;
	color: #FF5722 !important;
}
.topsuggest .hoomehbtn:after {
	content: "\f104";
	font-family: fontawesome;
	vertical-align: -2px;
	font-size: 12px;
	margin-right: 5px;
	border: none;
}

.hoomehcanvas {
	width: 300px;
	margin: auto;
	height: fit-content !important;
	max-height: 80% !important;
	border-radius: 15px;
	margin-bottom: 10px;
}
.hoomehcanvas .offcanvas-header {
	display: flex;
	justify-content: space-between;
	box-shadow: 0px 0px 35px -25px #444;
	z-index: 9;
}
.hoomehcanvas .offcanvas-header h5 {
	font-size: 16px;
}
.hoomehcanvas .offcanvas-header .btn-close {
	margin: 0;
	background-image: none;
	opacity: 1;
	font-size: 12px;
	background: #eee;
	width: fit-content;
	display: flex;
	align-items: center;
}
.hoomehcanvas ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.hoomehcanvas ul li {
	background: #FFF8E1;
	width: 48%;
	margin-bottom: 10px;
	text-align: center;
	padding: 10px;
	border-radius: 10px;
}
.hoomehcanvas ul li a {
	font-size: 14px !important;
}





#citySelectorModal {
	background: #fff;
}
#citySelectorModal .modal-dialog {
	width: 100% !important;
	max-width: unset;
	margin-top: 0;
}
#citySelectorModal .modal-content {
	border: none;
}
#citySelectorModal .modal-header {
	padding: 17px 20px;
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
}
#citySelectorModal .modal-header button {
	margin: 0;
	font-size: 18px;
	opacity: 1;
	background: none !important;
	font-weight: normal;
	padding: 0 !important;
}
#citySelectorModal .modal-header button:before {
	content: "";
	margin-left: 5px;
	float: right;
	margin-top: 0px;
	width: 17px;
	height: 16px;
	background: #fff;
	border-radius: 5px;
	background-image: url('/images/webdesign/right-thin.png') !important;
	background-size: 16px !important;
    background-repeat: no-repeat !important;
    background-position: 1px 0px !important;
}
#citySelectorModal .modal-body {
	width: 40%;
	margin: auto;
}
#citySelectorModal .modal-body .city-search-box input {
	height: 50px !important;
}

.maincat-menu .btnregionselect {
	visibility: hidden;
	position: absolute;
}

.btnregionselect .moduletable {
	margin: 0;
	padding: 0;
}
.region-toast {
	position: absolute;
	bottom: -70px;
	background: #fff;
	box-shadow: 0px 10px 20px -10px #ccc;
	border: 1px solid #ccc;
	width: fit-content;
	min-width: 180px;
	left: 0;
	padding: 10px;
	border-radius: 7px;
	font-size: 13px;
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	align-items: center;
	opacity: 0;
	transition: opacity 0.5s ease;
	pointer-events: none;
	height: 60px;
}
.region-toast .toast-inner {
	display: flex;
	position: relative;
	flex-direction: column;
}
.region-toast span.close-toast {
	font-size: 12px;
	background: #eee;
	padding: 5px 8px;
	border-radius: 5px;
	position: absolute;
	right: -60px;
	top: -4px;
}
.region-toast span.close-toast:before {
	content: "\f00d";
	font-family: fontawesome;
	font-size: 10px;
	margin-left: 3px;
	vertical-align: -2px;
}
.region-toast:before {
    content: "";
	position: absolute;
	top: -8px; 
	left: 40px; 
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #ccc;
}
.region-toast.show {
  opacity: 1;
  pointer-events: auto;
}

.region-toast.hide {
  opacity: 0;
  pointer-events: none;
}


.toast-progress {
    position: absolute;
    bottom: 0px;
    left: -8px;
	margin-top: 35px;
    height: 3px;
    background-color: #888;
    animation: toastProgress 5.3s linear forwards;
    border-radius: 0 0 8px 8px;
}

@keyframes toastProgress {
    from { width: 170px; }
    to { width: 0%; }
}




.sortbox ul {
	display: flex;
}
.sortbox ul li {
	font-size: 13px;
	padding: 8px 8px;
	border-radius: 10px;
}
.sortbox ul li.active {
	background: #FFEB3B;
}
.sortbox ul li:hover {
	cursor: pointer;
}


.filterbtn {
	background: none !important;
	font-size: 15px;
	border: none !important;
	border-radius: 10px;
	padding: 5px !important;
}
.filterbtn:before {
	content: "";
	float: right;
	display: block;
	margin-left: 5px;
	background-repeat: no-repeat;
	background-image: url("/images/webdesign/filter.png") !important;
	background-size: 18px !important;
	background-position: 0 2px ;
	width: 18px;
	height: 22px;
}

.sort-button-container {
	margin-bottom: 0 !important;
}
.sort-offcanvas-container {
	width: 300px !important;
	right: calc(50% - 150px);
}
.sort-offcanvas-container .sort-apply-button {
	background: #FF5722 !important;
	color: #fff !important;
}
.sort-offcanvas-container .sort-radio-item {
	border-bottom: 1px solid #f5f5f5;
	border-radius: 0;
}
.sort-offcanvas-container .sort-radio-item:last-child {
	border: none;
}
.sort-offcanvas-container .sort-radio-item input {
	width: 15px;
	height: 15px;
	margin-left: 5px;
	vertical-align: -2px;
}

.sort-toggle-button {
	border: none !important;
	background: #fff !important;
	font-size: 15px !important;
	display: flex;
	align-items: center;
	border-radius: 10px !important;
	padding: 5 !important;
}
.sort-toggle-button:before {
	content: "";
	float: right;
	display: block;
	margin-left: 3px;
	background-repeat: no-repeat;
	background-image: url("/images/webdesign/sort.png") !important;
	background-size: 24px !important;
	background-position: 0 -1px ;
	width: 24px;
	height: 24px;
}


.filtercanvas  {
	width: 300px !important;
	right: calc(50% - 150px);
	margin: auto;
	min-height: 70%;
	max-height: 85%;
	border-radius: 15px;
	margin-bottom: 10px;
}
.filtercanvas .offcanvas-header {
	display: flex;
	justify-content: space-between;
}
.filtercanvas .offcanvas-header .btn-close {
	margin: 0 !important;
	background-image: none !important;
	opacity: 1 !important;
	font-size: 14px;
	width: unset !important;
	background: #eee !important;
	display: flex;
	align-items: center;
}






.sortbox {
	display: flex;
	align-items: center;
	flex-direction: row;
	justify-content: flex-start;
}
.sortbtn {
  padding: 8px 15px;
  background: #f5f5f5;
  border: 1px solid #ddd;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
  transition: background .2s;
}
.sortbtn:hover { background: #e8e8e8; }

.sort-offcanvas {
  position: fixed; top: 0; left: 0; width: 100%; height: 100%;
  z-index: 10000; visibility: hidden;
}
.sort-offcanvas.active { visibility: visible; }
.sort-offcanvas-overlay {
  position: absolute; top: 0; left: 0; width: 100%; height: 100%;
  background: rgba(0,0,0,0.5); opacity: 0; transition: opacity .3s;
}
.sort-offcanvas.active .sort-offcanvas-overlay { opacity: 1; }

.sort-offcanvas-container {
  position: absolute; bottom: -100%; left: 0; width: 100%;
  background: #fff; border-radius: 10px 10px 0 0;
  box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
  transition: bottom .3s;
  max-height: 80vh; display: flex; flex-direction: column;
}
.sort-offcanvas.active .sort-offcanvas-container { bottom: 0; }

.sort-offcanvas-header {
  padding: 15px; border-bottom: 1px solid #eee;
  font-size: 16px; font-weight: bold; text-align: center;
}
.sort-offcanvas-content { padding: 15px; overflow-y: auto; flex-grow: 1; }
.sort-offcanvas-footer {
  padding: 15px; border-top: 1px solid #eee;
  display: flex; justify-content: space-between;
}

.sort-radio-item {
  margin-bottom: 12px; padding: 8px; border-radius: 4px;
  transition: background .2s;
}
.sort-radio-item:hover { background: #f9f9f9; }
.sort-radio-item input { margin-right: 10px; }
.sort-radio-item label { cursor: pointer; }

.sort-apply-button, .sort-cancel-button {
  padding: 8px 20px; border: none; border-radius: 4px;
  font-size: 14px; cursor: pointer;
}
.sort-apply-button {
  background: #007bff; color: #fff;
}
.sort-apply-button:hover { background: #0069d9; }
.sort-cancel-button {
  background: #f5f5f5; color: #333;
}
.sort-cancel-button:hover { background: #e2e2e2; }




.djse_activity_locations {
	display: none;
}
.west-alias .djse_activity_locations
, .west-alias .djse_activity_locations
,.east-alias .djse_activity_locations 
,.north-alias .djse_activity_locations
,.center-alias .djse_activity_locations
,.south-alias .djse_activity_locations
,.parand-alias .djse_activity_locations
,.robatkarim-alias .djse_activity_locations
,.eslamshahr-alias .djse_activity_locations
,.varamin-alias .djse_activity_locations 
,.pakdasht-alias .djse_activity_locations
,.gharchak-alias .djse_activity_locations
,.pishva-alias .djse_activity_locations
,.shahreghods-alias .djse_activity_locations
,.shahriar-alias .djse_activity_locations
,.andisheh-alias .djse_activity_locations 
,.damavand-alias .djse_activity_locations
,.pardis-alias .djse_activity_locations {
	display: block;
}






body.page-transition-enter {
    opacity: 0;
    transform: translateY(25px);
    transition: all 1s ease;
}

body.page-transition-enter-active {
    opacity: 1;
    transform: translateY(0px);
    transition: all 1s ease;
}

body.page-transition-exit {
    opacity: 1;
    transform: translateY(0);
    transition: all 0.5s ease;
    overflow-x: hidden !important;
}

body.page-transition-exit-active {
    opacity: 0;
    transform: translateY(30px);
}

#page-wrapper {
  opacity: 0;
  transition: opacity 0.5s ease, transform 0.5s ease; 
} 

body.loaded #page-wrapper {
  opacity: 1;
  overflow-x: hidden !important;
}

body.page-transition-exit {
    opacity: 1;
    transform: translateY(0);
    overflow-x: hidden !important;
}
body.page-transition-exit {
    transition: opacity 0.3s ease, transform 0.3s ease;
    opacity: 0;
    transform: translateY(10px);
    overflow-x: hidden !important;
}
body.page-transition-exit-active {
    transition: opacity 0.3s ease, transform 0.3s ease;
    opacity: 0;
    transform: translateY(10px);
    overflow-x: hidden !important;
}
.itemid-101 .astroid-component {
	min-height: unset !important;
}
.astroid-component {
	min-height: 300px !important;
}
.dashboard .astroid-component {
	min-height: unset !important;
}

.sort-button-container {
	margin-right: 15px;
}
.sort-button-container .has-sort {
	background: #eee !important;
	border: 1px solid #444 !important;
}
.sort-button-container .has-sort:after {
	content: "\f00d";
	font-family: fontawesome;
	margin-right: 10px;
	margin-top: 2px;
}




.ads-slider .dj-slide-image img {
	width: 100% !important;
	border-radius: 25px;
}




@media only screen and (min-width: 1092px) {
	body {
		max-width: 1800px;
		margin: auto;
		/border-right: 1px solid #ddd;
		/border-left: 1px solid #ddd;
	}
	body.dashboard {
		max-width: unset;
		margin: auto;
		border: none;
	}
	body.dashboard #page-wrapper {
		max-width: 1800px;
		margin: auto;
	}
}




@media only screen and (min-width: 749px) {
	.com-djclassifieds.view-item .mod-breadcrumbs__wrapper {
		display: none !important;
	}
	.topmobilebox {
		display: none;
	}
	.bottommenu {
		display: none;
	}
	.advert-report.mobile {
		display: none;
	}
	
}
@media only screen and (max-width: 748px) {
	.topsearch .homemodalsearchbtn {
		width: 300px !important;
		padding-bottom: 10px;
	}
    #confirm_delete .modal-dialog {
		width: 80% !important;
		margin: 100px auto;
	}
	#confirm_delete .modal-footer button {
		margin-bottom: 0 !important;
	}
	.backtocat {
		text-align: right !important;
	}
	.backtocat a:after {
		display: none;
	}
	.backtocat a:before {
		content: "\f104";
	    font-family: fontawesome;
	    font-size: 14px;
	    vertical-align: -1px !important;
	    margin-left: 5px;
	}
    .userprofile .detailbox .bottom {
		display: flex;
		flex-direction: column;
	}
	.userprofile .view-useritems.useritems {
		margin-top: -20px;
	}
	.useritems .title_top h1 {
		margin-bottom: 30px !important;
	}
	.userprofile .col_ua_in.advert-detail {
		display: flex;
		flex-direction: column;
	}
	.userprofile .imagebox {
		width: 100%;
		display: flex;
		justify-content: flex-start;
		margin: 0 -10px 10px 0;
	}
	.userprofile .col_ua_chx {
		width: 10% !important;
	}
	.userprofile .useritems_search.djinputbox {
		margin-bottom: 50px !important;
		margin-top: -15px;
	}
	.userprofile .useritems_search.djinputbox input {
		width: 80% !important;
	}
	.userprofile .useritems_search.djinputbox button {
		width: 20% !important;
	}
	.userprofile .useritems_search {
		width: 100%;
		display: flex;
		justify-content: space-between;
	}
	.userprofile .useritems_search button.delete {
		margin-bottom: 11px !important;
	}
	.userprofile .useritems_search input {
		width: 200px !important;
	}
	.userprofile form.form {
		display: flex;
		flex-direction: column;
		margin-bottom: -25px !important;
	}
	.sidemodules {
		display: none;
	}
	#ar-1528971561366 {
		display: flex;
		flex-direction: column;
	}
	.breadcrumbs-box {
		padding: 20px 0 0 !important;
	}

	#ar-1528971561366  {
		padding: 0 0 !important;
	}
	.listpage .dj-items-rows {
		display: block;
	}
	.listpage .item_cat_region_outer {
		font-size: 13px;
	}
	.listpage .item_custom_fields span {
		font-size: 13px;
		font-weight: normal;
		margin-left: 0;
	}
	.pricebox {
		font-size: 13px;
	}
	.advert-template .advert-template-in {
		display: flex;
		flex-direction: column-reverse;
	}
	.advert-template .detailbox {
		width: 100%;
		padding: 0;
	}
	.advert-dj-item {
		width: 100%;
	}
	.astroid-component-section .container-fluid {
		padding-left: 0;
		padding-right: 0;
	}
	.dj-indicators {
		display: none;
	}
	.advert-report.desktop {
		display: none;
	}
	.mod-breadcrumbs__wrapper {
		display: none;
	}
	.backtocat {
		margin-bottom: 20px;
		margin-top: -15px;
	}

	.backtocat a:before {
		content: "\f105";
		font-family: fontawesome;
		font-size: 14px;
		vertical-align: -2px;
		margin-left: 5px;
	}
	.bottommenu .bottomprofile button, .bottommenu .bottomcats button {
		font-size: 12px;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.bottommenu .bottomprofile button img{
		transform: translateY(-5px);
		margin-bottom: 5px;
	}
	.bottommenu .bottomcats button img {
		transform: translateY(-5px);
		margin-bottom: 5px;
	}
}




@media screen and (max-width: 600px) {
	
	
	.firstbox {
		padding: 0 10%;
	}

	
	
	.sidesearch {
	    display: none;
	}
	
	#citySelectorModal .modal-body {
		width: 80%;
	}
	.hometopbox .topcontent {
		width: 100%;
		right: 0;
		top: 85px;
	}
	.topsearch .custom-filter-menu #filterForm {
		display: flex;
		flex-direction: column;
		width: 100% !important;
		padding: 0 !important;
	}
	.hometopbox {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.hometopbox .toplogo {
		top: 70px;
	}
	.hometopbox .toplogo img {
		width: 60% !important;
	}
	.hometopbox .topcontent h1 {
		font-size: 18px;
	}
	.hometopbox .topcontent h2 {
		font-size: 14px;
		width: 90%;
		margin: auto;
		text-align: center;
		line-height: 20px;
	}
	.topsearch .custom-filter-menu #filterForm .select2 .select2-selection {
		width: 250px !important;
	}
	.topsearch .custom-filter-menu .city-select-wrapper {
		width: 250px !important;
	}
	.topsearch .custom-filter-menu #filterForm select {
		width: 250px !important;
	}
	.topsearch .custom-filter-menu .select-wrapper {
		width: 250px !important;
	}
	.topsearch .custom-filter-menu #searchButton {
		left: 0;
	}
	.homekoodak {
		padding: 20px;
		margin-top: 100px;
	}
	.homekoodakbox {
		padding: 0;
	}
	.homebox .items {
    display: flex;
    overflow-x: auto;
    gap: 16px;
    padding: 10px;
    scroll-snap-type: x mandatory;
    }
    .homebox .item {
	flex: 0 0 auto;
    /width: 150px;
    scroll-snap-align: start;
    }
	.items::-webkit-scrollbar {
	  display: none;
	}
	.paddingbox {
		padding: 20px !important;
	}
	.nozadboxes .items {
		display: flex !important;
		flex-direction: column;
		padding: 0;
		margin-bottom: 20px;
	}
	.nozadboxes .items .item {
		width: 100%;
		margin-bottom: 10px;
	}
	.homebox {
		margin-bottom: -20px;
	}
	.bardariboxes .items {
		display: flex !important;
		flex-direction: column;
		margin-bottom: 50px;
	}
	.bardariboxes .items .item {
		width: 100%;
		margin-bottom: 10px;
	}
	.portraitbox {
		margin: 50px 0;
	}
	.portraitbox .items {
    display: flex;
    overflow-x: auto;
    gap: 16px;
    padding: 10px;
    scroll-snap-type: x mandatory;
    flex-wrap: nowrap;
    }
    .portraitbox .item {
	flex: 0 0 auto;
    width: 220px;
    scroll-snap-align: start;
    }
	.advertisebox .items {
    display: flex;
    overflow-x: auto;
    gap: 16px;
    padding: 10px;
    scroll-snap-type: x mandatory;
    flex-wrap: nowrap;
    }
    .advertisebox .item {
	flex: 0 0 auto;
    width: 220px;
    scroll-snap-align: start;
    }
	.boxtitle h2, h2.boxtitle {
		margin-bottom: 0;
	}
	.firstbox .specialtitle {
		margin-bottom: 0;
	}
	
	.bottomseo-faq .accordion {
		padding: 0;
	}
	.bottomseo-faq .accordion-item  .accordion-button {
		padding: 10px 20px !important;
		font-size: 14px !important;
		text-align: right;
		display: flex;
		align-items: flex-start;
	}
	.bottomseo-faq .accordion-item {
		padding-bottom: 0;
		margin-bottom: 0;
	}
	.seobox {
		width: 100%;
	}
	.faq-title:before {
		display: none;
	}
	.faq-title {
		font-size: 18px;
	}
	.accordion-body {
		font-size: 14px;
		text-align: justify;
	}
	.seobox .first p.maintext {
		font-size: 14px;
	}
	.seobox .first h1 {
		font-size: 20px !important;
	}
	.seobox h1 {
		font-size: 20px;
	}
	.seobox ul li:before {
		margin-top: 0 !important;
	}
	.seobox .infobox .boxes .box {
		width: 100%;
	}
	.addnewpage .mainbox .top h1 {
		font-size: 34px;
	}
	.addnewpage .mainbox .top h2 {
		font-size: 28px;
	}
	.addnewpage .mainbox .top h3 {
		font-size: 18px;
	}
	.addnewpage .mainbox .bottom .boxes {
		display: flex;
		flex-direction: column;
	}
	.addnewpage .mainbox .bottom .box {
		width: 95%;
	}
	.addnewpage .mainbox .bottom h3 {
		font-size: 22px;
		font-weight: normal;
	}
	.itemsslider .items .item {
		flex: 0 0 70% !important;
	}
	.itemsslider .titlebox .title h2 {
		font-size: 18px !important;
		margin-top: 10px;
	}
	.topheaderlogo {
		display: block !important;
	}
	.topheaderlogo img {
		width: 150px !important;
		height: auto !important;
	}
	.toplogo {
		display: none;
	}
	.topsearch .custom-filter-menu #filterForm {
		margin-top: 0px;
	}
	.hometopbox .topheader {
		background: none;
	}
	.homekoodakbox {
		margin-top: -100px;
	}
}





.openbox {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #f8f7f4 !important;
	transform: translateX(100%);
	opacity: 0;
	visibility: hidden;
	transition:
    transform 0.2s cubic-bezier(.4,0,.2,1),
    opacity   0.2s cubic-bezier(.4,0,.2,1),
    visibility 0s linear 0.4s;
	z-index: 10;
}
.openbox.active {
	transform: translateX(0);
	opacity: 1;
	visibility: visible;
	transition:
    transform 0.2s cubic-bezier(.4,0,.2,1),
    opacity   0.2s cubic-bezier(.4,0,.2,1),
    visibility 0s linear 0s;
	z-index: 99;
}
.openbox .titlebox {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
	margin-bottom: 10px;
	position: relative;
}
.openbox .titlebox .back 
,.openbox .titlebox .modelingback
,.openbox .titlebox .familyback {
	border: none;
	background: none;
	font-size: 14px;
}
.openbox .titlebox .back:before 
,.openbox .titlebox .modelingback:before
,.openbox .titlebox .familyback:before {
	content: "\f178";
	font-family:fontawesome;
	font-size: 16px;
	vertical-align: -2px;
	margin-left: 5px;
}
.openbox .titlebox .title {
	font-weight: bold;
	color: #FF5722 !important;
}
.openbox .titlebox .back:after
,.openbox .titlebox .modelingback:after
,.openbox .titlebox .familyback:after {
	top: 0;
	width: 100%;
	height: 100%;
	display: block;
	content: "";
	position: absolute;
}
.openbox li {
	font-size: 15px;
	margin-bottom: 10px;
}
.mainmenubox li.modelingtitle {
	font-weight: bold;
}
.mainmenubox li.modelinglink a {
	margin-right: 5px;
	font-size: 14px;
	color: #888 !important;
}
.mainmenubox li.modelinglink a:before {
	content: "\f111";
	font-weight: bold;
	margin-left: 5px;
	font-size: 8px;
}
.mainmenubox li.familytitle {
	font-weight: bold;
}
.mainmenubox li.familylink a {
	margin-right: 5px;
	font-size: 14px;
	color: #888 !important;
}
.mainmenubox li.familylink a:before {
	content: "\f111";
	font-weight: bold;
	margin-left: 5px;
	font-size: 8px;
}
.mainmenubox .mainlinks li {
	margin-bottom: 10px;
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
	font-size: 15px;
	position: relative;
}
.mainmenubox .mainlinks li:hover {
	cursor: pointer;
}
.mainmenubox .mainlinks li:after {
	content: "\f104";
	font-family: fontawesome;
	float: left;
}
.mainmenubox .mainlinks li:before {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
}
.astroid-offcanvas-open .astroid-offcanvas .openbox {
  display: block !important;
}


.itemsslider .items {
	display: flex;
	overflow-x: auto;
    gap: 20px;
    padding-bottom: 30px;
    scroll-snap-type: x mandatory;
    flex-wrap: nowrap;
    scroll-behavior: smooth;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: thin;
	/scrollbar-width: none;
}


.itemsslider .items .item {
	flex: 0 0 22%;
	scroll-snap-align: start;
	border-radius: 10px;
	padding-bottom: 10px;
	position: relative;
}
.itemsslider .items .lastitem {
	background: #f8f8f8;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 25px;
	flex: 0 0 120px !important;
	position: relative;
	display: none;
}
.itemsslider .items .lastitem .seemore {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
	height: 100%;
	width: 100%;
}
.itemsslider .items .lastitem .seemore img {
	/* width: 64px; */
	margin-bottom: 67px;
}
.itemsslider .items .lastitem .seemore a {
	/position: absolute;
	bottom: 20px;
	font-size: 0px;
	padding: 3px 7px;
	/background: #fe733e;
	color: #fff !important;
	border-radius: 15px;
}
.itemsslider .items .lastitem .seemore a:after {
	/content: "\f104";
	font-family: fontawesome;
	vertical-align: -2px;
	margin-right: 5px;
	font-size: 12px;
}
.itemsslider .items .lastitem .seemore a:before {
	position: absolute;
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
}
.itemsslider .titlebox {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 15px;
	/display: none;
}
.itemsslider .titlebox .title h2 {
	font-size: 20px;
	margin-bottom: 0;
	background: linear-gradient(to right, #F44336, #FFC107);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	display: flex;
	align-items: center;
}
.itemsslider .titlebox .title h2:before {
	content: "";
	float: right;
	display: block;
	margin-left: 3px;
	background-repeat: no-repeat;
	background-image: url("/images/webdesign/marketingg.png") !important;
	background-size: 28px !important;
	/background-position: 0 -2px ;
	width: 28px;
	height: 28px;
}
.itemsslider .titlebox .link a {
	font-size: 14px;
}
.itemsslider .titlebox .link a:after {
	content: "\f104";
	font-family: fontawesome;
	vertical-align: -2px;
	margin-right: 5px;
	font-size: 12px;
}
.itemsslider .content h3 {
	font-size: 21px;
	margin-top: 15px;
}
.itemsslider .content h3 a:after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	right:0;
}
.itemsslider .content .fields {
	font-size: 14px;
	margin-bottom: 10px;
}
.itemsslider .content .fields span {
	color: #888 !important;
}
.itemsslider .content .fields .has-value {
	display: none;
}
.itemsslider .content .fields .has-nominorder .djcf-field-label {
	display: none;
}
.itemsslider img {
	border-radius: 15px;
	pointer-events: none;
}
.itemsslider .content {
	padding: 0 10px;
}
.itemsslider .content .region {
	font-size: 12px;
	color: #888 !important;
}
.itemsslider .content .region:before {
	content: "\f041";
	font-family: fontawesome;
	vertical-align: -2px;
	margin-left: 5px;
}


.archivebox.empty-items {
	display: none;
}

.archivebox {
	margin-top: 50px;
}
.archivebox .title {
	font-size: 24px;
	margin-left: 15px;
}
.archivebox .title span {
	display: inline-block;
	font-size: 18px;
	margin-right: 10px;
}
.archivebox .titlebox {
	display: flex;
	flex-direction: column;
	align-content: flex-start;
	flex-wrap: wrap;
	align-items: flex-start;
}
.archiveinfobtn , .archiveinfobtn:focus {
	background: #CDDC39 !important;
	border: none;
	color: #444 !important;
	font-size: 14px;
	border-radius: 10px;
	margin: 20px 0 10px 0;
}
.infocollapse {
	margin-bottom: 20px;
}
.infocollapse .card {
	padding: 0;
	border: none;
	font-size: 14px;
	background: #f5f5f5;
	padding: 5px 10px;
	border-radius: 10px;
}




.archivebox ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.archivebox ul li {
	display: flex;
	width: 32%;
	background: #f8f8f8;
	margin-bottom: 20px;
	border-radius: 10px;
	padding: 15px;
	flex-direction: column;
	position: relative;
}
.archivebox ul li.is-profileregion .regionbox .mainregion
, .archivebox ul li.is-profileregion .regionbox .mahalleh {
	display: none;
}
.archivebox ul li.is-profileregion .regionbox:before {
	display: none;
}
.archivebox ul li.is-profileregion .regionbox {
	background: #e9f1ff;
	padding: 0 7px;
	font-size: 13px;
	border-radius: 5px;
	width: fit-content;
}
.archivebox ul li .linkbox {
	position: absolute;
	left: 15px;
	bottom: 14px;
	font-size: 13px;
	color: #888 !important;
}
.archivebox ul li .linkbox:after {
	content: "";
	margin-right: 3px;
	float: left;
	margin-top: 8px;
	width: 12px;
	height: 12px;
	background-image: url('/images/webdesign/left-thin.png') !important;
	background-size: 12px !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;
}
.archivebox ul li .ratebox {
	display: flex;
	font-size: 15px;
	margin-bottom: 20px;
}
.archivebox ul li .ratebox .rate {
	color: #4CAF50 !important;
}
.archivebox ul li .ratebox.norate .rate {
	color: #444 !important;
}
.archivebox ul li .ratebox.norate .rate:before {
	content: "";
	margin-left: 5px;
	float: right;
	margin-top: 7px;
	width: 14px;
	height: 14px;
	background-image: url('/images/webdesign/no-star.png') !important;
	background-size: 14px !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;
}
.archivebox ul li .ratebox .rate:before {
	font-weight: bold;
	float: right;
	margin-left: 5px;
	margin-top: 1px;
}
.archivebox ul li .ratebox .number {
	margin-right: 10px;
	font-size: 13px;
}
.archivebox ul li h3 {
	font-size: 18px;
}
.archivebox ul li h3 a:after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	right: 0;
	top: 0;
	z-index: 9;
}
.archivebox .regionbox {
    font-size: 14px;
    display: flex;
}






.change-mobile-btn {
	background: none;
	border: none;
	padding: 0;
	font-size: 14px;
	width: 100%;
	text-align: center;
	margin: -10px auto 20px auto !important;
}
.change-mobile-btn {
	margin: 25px auto 20px auto !important;
	background: #f5f5f5;
	width: fit-content;
	padding: 5px 10px;
	border-radius: 10px;
	color: #607D8B !important;
	display: block;
}
.change-mobile-btn:before {
	content: "\f040";
	font-family: fontawesome;
	vertical-align: middle;
	margin-left: 5px;
	font-size: 16px;
}
.show-mobile-number {
	margin: 0 5px;
	letter-spacing: 0.5px;
	color: #607D8B !important;
}
#verification-section h3 {
	display: flex;
	flex-direction: column;
	align-items: center;
}
#verification-section .first {
	margin-bottom: 10px;
}
#verification-error:empty {
	display: none;
}
.resendbtn {
	color: #fff !important;
	background: #8BC34A !important;
	text-decoration: none;
	font-size: 16px !important;
	height: 50px;
	margin-top: 20px;
	width: 150px;
}
#resend-code-btn:after {
	content: "\f01e";
	font-family: fontawesome;
	margin-right: 5px;
}
#mobile-input-section h3 {
	text-align: center;
	font-size: 20px;
}
#mobile-input-section h4 {
	font-size:  14px;
	text-align: center;
	font-weight: normal;
	margin: -5px auto 30px;
}
#mobile-input-section .input-group {
	display: flex;
	flex-direction: column;
}
#mobile-input-section .input-group input {
	width: 80%;
	margin: auto;
	height: 50px;
	font-size: 16px !important;
	border-radius: 10px;
}
#mobile-input-section .input-group input::placeholder {
	font-size: 20px !important;
}
#mobile-input-section .input-group button {
	width: 150px;
	margin: 10px auto 0;
	color: #fff !important;
	font-size: 16px;
	background: #4CAF50;
	border-radius: 10px;
	transition: 0.5s;
}

#timer-text {
	font-weight: normal !important;
	font-size: 15px;
}
span.time {
	font-size: 18px;
	margin: 0 0px;
	vertical-align: -2px;
	font-weight: bold;
	letter-spacing: 1px;
	display: inline-block;
    min-width: 30px;
    text-align: center;
}


#login-success-toast {
	background: #eee !important;
	border-radius: 10px;
	box-shadow: none;
	height: 80px;
}
#login-success-toast .progress {
	background: #cecece !important;
	margin-top: 15px !important;
	height: 5px !important;
	direction: ltr !important;
}
#login-success-toast .progress .progress-bar {
	background: #4CAF50 !important;
}
#toast-success-msg {
	font-size: 16px;
	text-align: left !important;
	width: 100% !important;
}
#toast-success-msg:after {
	content: "\f05c";
	float: left;
	font-size: 20px;
	vertical-align: -4px;
	color: #888;
}





label.has-info {
	display: flex !important;
	flex-direction: column;
	margin-top: 010px !important;
}
.checkbox_v.has-locinfo {
	margin-bottom: 0px !important;
}
.checkbox_v.has-locinfo input {
	margin-top: -20px;
}
.underfieldinfo {
	font-size: 14px;
	color: #999 !important;
}

.topheaderlogo {
	display: none;
}






.dashboard-login-modal {
	background: #f5f5f5;
	height: 100vh;
    width: 100%;
    background-image: url(/images/webdesign/additemback.jpg);
    background-size: cover;
}
#loginModal .modal-header {
	border: none;
}
#loginModal .modal-content {
	background: #ffffff;
    border-radius: 15px;
    box-shadow: 0px 0px 40px #44444420;
    height: auto;
    width: 90%;
    max-width: 500px;
    margin: auto;
}
#loginModal .modal-header button {
	background: none;
	opacity: 1;
	font-size: 18px;
	padding: 20px;
}
#loginModal .modal-header button:before {
	content: "\f105";
	font-family: fontawesome;
	font-size: 14px;
	vertical-align: middle;
	margin-left: 5px;
}
.smslogin-form h3 {
	text-align: center;
	/margin-bottom: -10px !important;
	margin-top: 10px;
}
.smslogin-form h4 {
	text-align: center;
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 0;
    margin-top: 20px;
}
.smslogin-form .input-group {
	display: flex !important;
	flex-direction: column;
	align-items: center;
}
.smslogin-form input.form-control {
	width: 250px;
	font-size: 16px !important;
	height: 60px;
	margin-top: 20px;
	border-radius: 10px !important;
}
.smslogin-form input.form-control::placeholder {
	font-size: 18px !important;
	font-weight: normal !important;
}
.smslogin-form button.btn.btn-primary {
	background: #4CAF50 !important;
	width: 150px;
	border-radius: 10px !important;
	color: #fff !important;
	height: 50px;
}







.loginmodal.login-user {
	display: none;
}

.login-dropdown {
	position: relative;
}
.logindropdownbtn:after {
	content: "\f107";
	font-family: fontawesome;
	border: none;
	vertical-align: middle;
	margin-right: 5px;
}
.logindropdownbtn {
	background: none !important;
	padding: 0;
	border: none;
	display: flex;
	align-items: center;
	font-size: 14px;
}
.logindropdownbtn:before {
	content: "";
	display:block;
	margin-left: 5px;
	float: right;
	background-image: url("/images/webdesign/user.png") !important;
	background-size: 24px !important;
	background-position: 0 0 ;
	width: 24px;
	height: 24px;
}
.login-dropdown ul.dropdown-menu {
	background-image: #fff;
	border: 1px solid #eee !important;
	width: 200px;
	padding: 10px 10px 5px !important;
	right: -40px !important;
	top: 10px !important;
	border-radius: 10px;
	box-shadow: 0px 15px 45px -35px #607D8B;
}
.login-dropdown .fade-dropdown {
  opacity: 0;
  transform: translateY(35px);
  transition: opacity 0.3s ease, transform 0.3s ease;
  pointer-events: none;
}

.login-dropdown .fade-dropdown.show {
  opacity: 1;
  transform: translateY(15px);
  pointer-events: auto;
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.login-dropdown ul.dropdown-menu li {
    font-size: 14px;
	margin-bottom: 10px;
}
.login-dropdown ul.dropdown-menu li.exit {
	border-top: 1px solid #ddd;
	padding-top: 10px;
}
.login-dropdown ul.dropdown-menu li.exit:before {
	content: "";
	display:block;
	margin-left: 5px;
	float: right;
	margin-top: 3px;
	background-image: url("/images/webdesign/log-out.png") !important;
	background-size: 24px !important;
	background-position: 0 0 ;
	width: 24px;
	height: 24px;
}
.login-dropdown ul.dropdown-menu li.my-saved:before {
	content: "";
	display:block;
	margin-left: 5px;
	float: right;
	margin-top: 3px;
	background-image: url("/images/webdesign/save.png") !important;
	background-size: 20px !important;
	background-position: 0 0 ;
	width: 20px;
	height: 20px;
}
.login-dropdown ul.dropdown-menu li.my-offers span {
	font-size: 11px;
	margin-right: 5px;
	background: #eee;
	color: #888 !important;
	padding: 2px 7px;
	border-radius: 5px;
}
.login-dropdown .droptop {
	border-radius: 10px 10px 0 0;
	padding: 10px;
	margin: -10px -10px 10px;
}
.login-dropdown .droptop .editprofile {
	border-bottom: 1px solid #ddd;
	padding-bottom: 5px;
}
.login-dropdown .droptop .editprofile a {
	font-size: 12px;
}
.login-dropdown .droptop .editprofile a:after {
	content: "\f104";
	font-size: 12px;
	font-family: fontawesome;
	margin-right: 5px;
	vertical-align: -2px;
}
.rules-accept {
	width: 80%;
	margin: 10px auto 0 auto !important;
	text-align: justify;
	font-size: 14px;
}
.topheader .left .rules-accept a {
	color: #FF5722 !important;
	font-weight: bold;
	font-size: 16px !important;
	margin: 0 5px !important;
	display: inline-block !important;
}

.rules-accept:before {
	content: "\f05a";
	font-family: fontawesome;
	font-size: 18px;
	vertical-align: middle;
	margin-left:  5px;
}


#login-success-toast {
    display: none !important;
}
.smslogin-container {
	background: none !important;
	border: none !important;
}

.djform_row.by-value {
	visibility: hidden;
	position: absolute;
}

.rsform-block .form-check {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}
.rsform-block .form-check input {
	margin: -3px 0 0 10px !important;
	width: 20px;
	height: 20px;
	border: 2px solid #888;
}




.rsform-block-register-atelier-freelancer .form-check {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 10px !important;
}
.rsform-block-register-atelier-freelancer .form-check input {
	margin-left: 5px !important;
	width: 25px;
	height: 25px;
	border: 2px solid #888 !important;;
	margin-top: 0 !important;
}
.form-check label {
	font-weight: bold !important;
	font-size: 16px !important;
}
.formControls.btn-group {
	display: flex;
	justify-content: flex-start;
}
.formControls.btn-group button {
	max-width: 130px !important;
	border-radius: 10px !important;
	margin-left: 10px;
	height: 50px;
	color: #fff !important;
	background: #4aab4e !important;
	padding: 15px 25px !important;
}
.rsform-type-pagebreak {
	display: flex;
	justify-content: flex-start;
}
.rsform-type-pagebreak .col-form-label {
	display: none;
}
.progress-bar em {
	color: #fff;
	font-size: 14px !important;
	font-style: normal !important;
	font-weight: normal;
}
.progress-bar em strong {
	margin: 0 5px !important;
}

.loading-spinner {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

button#register_work_pageNext {
	min-width: 255px !important;
}
button#register_startNext {
	min-width: 190px;
}


.rsform-block-register-captcha {
	display: flex;
	align-items: center;
	background: #f5f5f5;
	border-radius: 10px;
	padding: 20px;
	width: fit-content;
}
.rsform-block-register-captcha label {
	margin-bottom: 0;
}
#register_captcha {
	width: 150px;
	background: none;
	border: none;
}
#register_captcha svg {
	width: 30px;
	height: 30px;
	margin-left: 10px;
}
.rsform-block-register-submit button {
	height: 50px;
	min-width: 100px;
	margin-left: 10px;
	background: #ddd !important;
	border: none;
}
.rsform-block-register-submit #register_submit {
	background: #8BC34A !important;
	border-color: #8BC34A;
	color: #fff !important;
	padding: 15px 25px !important;
}


.astroid-banner.notlogin {
	display: none;
}



body.user-not-login .astroid-header-section {
	display: none;
}
body.user-not-login .footerbox {
	display: none;
}
.notlogin-title {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	margin-top: 30px !important;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-content: center;
	align-items: center;
}
.notlogin-title:before {
	content: "";
	display: block;
	background-repeat: no-repeat;
	background-image: url("/images/webdesign/notlogin.png") !important;
	background-size: 100px !important;
	background-position: 0 0 ;
	width: 100px;
	height: 100px;
	margin-bottom: 20px;
}
button.user-not-login {
	margin-top: 30px;
	width: 150px;
	margin-right: calc(50% - 75px) !important;
	background: #8BC34A !important;
	border: none !important;
	color: #fff !important;
	padding: 15px 0 !important;
}
button.user-not-login:focus {
	background: #8BC34A !important;
}
body.user-not-login {
	height: 100vh;
	max-height: 100vh;
	overflow-y: hidden;
}


.progress-bar {
    transition: width 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

.progress-bar::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);
    animation: shine 5s infinite;
}

@keyframes shine {
    0% { left: -100%; }
    100% { left: 100%; }
}


/* Progress Bar */
.progress {
width: 100%;
height: 30px;
background-color: #f0f0f0;
border-radius: 15px;
overflow: hidden;
margin: 20px 0;
position: relative;
}

.progress-bar {
height: 100%;
background: linear-gradient(90deg, #4CAF50, #45a049);
border-radius: 15px;
display: flex;
align-items: center;
justify-content: center;
color: white;
font-weight: bold;
position: relative;
overflow: hidden;
width: 0%;
}

.progress-bar.animating::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);
animation: shine-progress 1.5s ease-in-out;
z-index: 1;
}

@keyframes shine-progress {
0% { left: -100%; }
100% { left: 100%; }
}

.progress-bar * {
position: relative;
z-index: 2;
}




.verify-form h3 {
	text-align: center;
	font-weight: normal;
	font-size: 16px;
}
.verify-form h3 .shownumber {
	font-weight: bold;
	letter-spacing: 1px;
	margin: 0 5px;
	font-size: 20px;
	vertical-align: -2px;
}
.timertext span {
	font-weight: normal !important;
}
.timertext span.time {
	font-weight: bold !important;
}

.notvalidgroup {
	width: 400px;
}
.notvalidgroup .title {
	display: flex;
	flex-direction: column;
	align-items: center;
	align-content: center;
	font-size: 20px;
}
.notvalidgroup .bottom-title {
	text-align: center;
}
.notvalidgroup .title:before {
	content: "";
	display: block;
	background-repeat: no-repeat;
	background-image: url("/images/webdesign/attention.png") !important;
	background-size: 132px !important;
	background-position: 0 0 ;
	width: 132px;
	height: 132px;
	margin-bottom: 50px;
}



.notvalidgroup > div {
	color: #444 !important;
}

.notvalidgroup .links {
	display: flex;
	justify-content: space-between;
	margin-top: 50px;
}
.notvalidgroup .links a {
    background: #eee !important;
	border-radius: 5px !important;
	width: 33% !important;
	font-size: 12px !important;
	color: #000 !important;
	border: none !important;
	font-size: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.notvalidgroup .logoutbox {
	text-align: center;
	margin-top: 50px;
	display: flex;
	justify-content: center;
}
.notvalidgroup .logoutbox a {
	background: #FF5722 !important;
	color: #fff !important;
	border: none !important;
	height: 50px;
	width: 160px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.formnotlogin p {
	text-align: center;
	font-size: 18px;
}
.register-alias .astroid-component {
	min-height: 500px !important;
}


.formnotlogin .btnbox {
	display: flex;
	justify-content: center;
	flex-direction: row-reverse;
}
.formnotlogin .btnbox .user-not-login {
	margin: 0 !important;
}
.formnotlogin .btnbox .backbtn {
	width: 100px;
	background: #ddd !important;
	border: none !important;
	color: #555 !important;
}




.catslist .title {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 40px !important;
}
.catslist .title:before {
	content: "";
	float: right;
	display: block;
	margin-left: 3px;
	background-repeat: no-repeat;
	background-image: url("/images/webdesign/label.png") !important;
	background-size: 32px !important;
	background-position: 0 0 ;
	width: 32px;
	height: 32px;
}
.catslist .item.active:before {
	content: "\f00c";
	font-family: fontawesome;
	color: #4CAF50;
	margin-left: 5px;
	vertical-align: -2px;
}
.catslist .row>* {
	padding: 0;
}
.catslist .item {
	margin-bottom: 10px;
}
.catslist .item.notactive {
	opacity: 0.5;
}
.catslist .item.notactive:before {
	content: "\f00d";
	font-family: fontawesome;
	color: #F44336;
	margin-left: 5px;
	vertical-align: -2px;
}
.catslist .column-title {
	font-size: 18px;
	border-radius: 10px;
	width: fit-content;
}


.comment-notlogin-content {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.comment-notlogin-content h3 {
	margin-bottom: 40px !important;
}
.comment-notlogin-content .loginmodalbtn.notloginmodalbtn {
	background: #8bc34aba !important;
	font-weight: normal !important;
}




.kt-ratings-wrap .flex-grow-1 {
	display: none;	
}
.space-y-2xs {
	display: flex;
	justify-content: space-between;
}
.kt-comment-permalink span {
	color: #888 !important;
	font-size: 12px;
}
.kt-comment-content-action .ratingbox {
	display: flex !important;
	justify-content: flex-start !important;
}
.kt-comment-content-action .ratingbox .flex-grow {
	display: none;
}
.kt-comment {
	background: none !important;
	border-bottom: 1px solid #ccc !important;
	border-radius: 0 !important;
	padding-bottom: 20px !important;
}




.formArea.notlogin .kt-form-header,
.formArea.notlogin .kt-user-info,
.formArea.notlogin .kt-form-composer,
.formArea.notlogin .kt-form-submit,
.formArea.notlogin .kt-editor-info {
    display: none !important;
}

.comment-notlogin {
    background: #fff !important;
    border: 2px solid #f9f9f9;
    border-radius: 12px;
    padding: 30px;
    text-align: center;
    margin: 20px 0;
}
button.notloginmodalbtn {
	padding: 15px !important;
}
.comment-notlogin-content i {
    font-size: 48px;
    color: #6c757d;
    margin-bottom: 20px;
    display: block;
}

.comment-notlogin-content h3 {
    color: #495057;
    font-size: 24px;
    margin-bottom: 15px;
    font-weight: bold;
}

.comment-notlogin-content p {
    color: #6c757d;
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 25px;
}

.kt-form-composer textarea {
	max-width: unset !important;
	border: none !important;
	text-align: right;
	font-family: peyda !important;
	font-size: 16px !important;
	background: #f5f5f5;
	border-radius: 10px !important;
}
.kt-form-composer .o-editor-wrapper {
	border: none !important;
}
.kt-form-composer .o-editor {
	margin-bottom: 30px;
}
.dashboard textarea , .dashboard input , .dashboard select {
	border: none !important;
	padding: 15px !important;
	background: #272727;
	color: #fff !important;
}
.dashboard #dj-classifieds input , .dashboard #dj-classifieds select {
	border: 1px solid #555 !important;
	font-size: 14px;
}
.dashboard #dj-classifieds .djImgInp {
	background: none !important;
	border: none !important;
	margin-top: 20px !important;
	padding: 10px 0 !important;
}
.dashboard .djimage.loaded {
	margin-bottom: 30px;
}
.dashboard #dj-classifieds textarea {
	border: none !important;
    font-size: 16px !important;
    background: #151515;
	min-width: unset !important;
	width: 100% !important;
}
.dashboard .djform_field {
    float: none !important;
    width: 100%;
}
#dj-classifieds textarea::placeholder {
	font-size: 16px !important;
}
.kt-editor-action__ratings {
	padding: 0 !important;
}
.kt-ratings-stars-forms__note {
	font-size: 18px !important;
	margin-left: 10px;
	margin-top: -3px;
}
.leading-xs a.no-underline.text-xs {
	font-size: 0 !important;
}
.leading-xs a.no-underline.text-xs:before {
	content: "";
	float: right;
	margin-right: 10px;
	background-color: #ddd;
	padding: 5px;
	width: 30px;
	height: 30px;
	border-radius: 5px;
	background-image: url('/images/webdesign/reload.png') !important;
	background-size: 18px !important;
    background-repeat: no-repeat !important;
    background-position: 6px 6px !important;
}
.kt-ratings-stars-forms {
	background: #f5f5f5;
	padding: 15px 10px;
	border-radius: 10px;
	border: 1px solid #ddd8 !important;
}
.kt-form-header .leading-sm {
	font-size: 18px !important;
	margin: 10px 0;
}
.border-l {
	display: none;
}
.o-form-check__text {
	font-size: 16px !important;
}
.fd-custom-check {
	width: 20px !important;
	height: 20px !important;
	margin-left: 5px !important;
	border: 1px solid #888 !important;
}
.kt-form-submit {
	display: flex !important;
	justify-content: space-between !important;
	flex-direction: column;
	align-content: flex-start;
}
.kt-form-submit__cell button {
	background: #8BC34A !important;
	margin-top: 30px;
	width: 150px;
	padding: 20px 0 !important;
	font-size: 18px !important;
	font-family: peyda !important;
	font-weight: normal !important;
	color: #fff !important;
}
.o-alert.o-alert--dismissible {
	font-size: 16px !important;
	color: #e60000 !important;
	border: none !important;
}
.fd-ratings-overall .text-xs span {
	display: none;
}
.fd-ratings-overall .text-xs span.font-bold {
	display: block;
	font-size: 17px;
	font-weight: normal !important;
}
.o-snackbar .flex {
	display: flex !important;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
}
.o-snackbar .flex .flex-grow {
	flex-grow: 0 !important;
	font-size: 17px;
	margin-left: 10px;
}
.o-snackbar .flex .flex-grow b {
	font-weight: normal !important;
	vertical-align: 1px;
}
.o-snackbar .flex .flex-grow span {
	font-size: 15px;
}

.kt-comment-date {
	font-size: 16px !important;
	margin: 0 5px 0 2px;
}
.fd-name {
	font-size: 16px !important;
}
.kt-comment .flex-shrink-0.pr-md {
	display: none;
}



.login-buttons {
    display: flex;
    gap: 15px;
    justify-content: center;
    flex-wrap: wrap;
}

.login-buttons .btn {
    padding: 12px 24px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: bold;
    transition: all 0.3s ease;
}

.login-buttons .btn-primary {
    background: #007bff;
    color: white;
    border: 2px solid #007bff;
}

.login-buttons .btn-primary:hover {
    background: #0056b3;
    border-color: #0056b3;
}

.login-buttons .btn-secondary {
    background: transparent;
    color: #6c757d;
    border: 2px solid #6c757d;
}

.login-buttons .btn-secondary:hover {
    background: #6c757d;
    color: white;
}

/* Responsive Design */
@media (max-width: 768px) {
    .comment-notlogin {
        padding: 20px 15px;
    }
    
    .login-buttons {
        flex-direction: column;
        align-items: center;
    }
    
    .login-buttons .btn {
        width: 100%;
        max-width: 250px;
    }
}





.loginRequiredModal .modal-content {
	border-radius: 15px !important;
}
.loginRequiredModal .modal-footer button {
	background: #eee !important;
	height: 50px;
	width: 150px;
	border-radius: 10px;
}
.loginRequiredModal button.loginmodalbtn {
	background: #4CAF50 !important;
	width: 150px;
	text-align: center !important;
	display: flex !important;
	justify-content: center;
	height: 50px !important;
	border-radius: 10px;
	color: #fff !important;
}
.loginRequiredModal .loginmodalbtn:before {
	display: none;
}

.loginRequiredModal .modal-header button {
	margin: 0;
}
.loginRequiredModal p.lead {
	font-size: 16px;
	text-align: center;
	margin: 0;
	padding: 20px 0;
	font-weight: bold;
}
.modal-backdrop {
	backdrop-filter: blur(3px) !important;
	background: #000000ad !important;
	opacity: 1 !important;
	z-index: 0;
}

.djform_row.value-selected {
	visibility: hidden;
	position: absolute;
}

.addpage .more-fields-wrapper .corefield-mobile-lablel {
	display: none !important;
}
.profile-account .more-fields-wrapper .corefield-mobile-lablel {
	display: block !important;
}
.addpage .more-fields-wrapper .corefield-mobile {
	display: none !important;
}
.profile-account .more-fields-wrapper .corefield-mobile {
	display: block !important;
}



.freeplan-image {
	display: none;
}
.freeplan .freeplan-image {
	display: block;
}
.freeplan .plancircleview {
	display: none;
}
.freeplan .planinfo {
	display: flex;
	flex-direction: row-reverse;
}

.dashboard .djcf_outer {
	border: none !important;
	padding: 0 !important;
}
.dashboard .djcf_prow_in .djcf_prow_col_desc {
	background: none !important;
	border: none !important;
	width: 85%;
	padding: 10px !important;
	display: flex !important;
	justify-content: space-between;
}
.dashboard .djcf_prow_in .djcf_prow_col_desc h3 {
	text-align: right !important;
	margin-top: 20px !important;
}
.dashboard .djcf_prow .djcf_prow_desc_row {
	border: none !important;
}
.dashboard div.paymentdetails {
	padding: 0 !important;
}
.dashboard div.paymentdetails .djcf_prow_in {
	display: flex !important;
	align-items: center;
	background: #272727 !important;
	border: none !important;
	border-radius: 15px;
	box-shadow: 0px 20px 40px -35px #444;
	justify-content: space-between;
	padding: 10px 30px !important;
	height: 100px;
	position: relative;
	align-content: center;
}
.dashboard .djcf_prow_col_buynow {
	width: unset !important;
}
.dashboard .djcf_prow_col_buynow a {
	background: #00BCD4 !important;
	color: #fff !important;
	border: none !important;
	padding: 10px 15px !important;
	font-weight: normal !important;
	font-size: 14px !important;
	width: 150px !important;
	height: 50px;
	display: flex !important;
	justify-content: center;
	align-items: center;
	margin: 0 !important;
}
.dashboard .userplandetailbtn {
	background: #FF5722 !important;
	border: none;
	font-size: 14px;
	height: 50px;
	width: 150px !important;
	color: #fff !important;
	margin: 0 !important;
}
.changeplanbtn , .changeplanbtn:focus {
	background: #673AB7 !important;
	border: none;
	font-size: 14px;
	height: 50px;
	width: 150px !important;
	color: #fff !important;
	margin: 0 0 0 15px !important;
}
.changeplancollapse .card {
	border: none;
	padding: 0;
	background: #272727;
}
.dashboard .userplandetailbtn:focus {
	background: #FF5722 !important;
}
.dashboard .plandetailsinfo .planprice {
	text-align: center !important;
}




.operation-selection {
	margin-top: 70px;
}

.operation-buttons {
	display: flex;
	justify-content: space-between;
}
.operation-buttons button {
	width: 30%;
	background: #ffffff !important;
	display: flex;
	flex-direction: column;
	border: 1px solid #ccc !important;
	border-radius: 10px;
	padding: 45px 15px !important;
	box-shadow: 0px 15px 30px -25px #444 !important;
}
.operation-buttons button .btn-title {
	text-align: center;
	font-size: 24px;
	color: #000000 !important;
}
.operation-buttons button .btn-description {
	font-size: 14px;
	color: #fff !important;
	display: none;
}

.loading-content {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.loading-content p {
	font-size: 18px;
	margin-top: 30px;
}
.current-plans-section h3 {
	font-size: 22px;
}
.active-plans-list {
	margin: 30px 0 !important;
}
.active-plans-list li {
	font-size: 18px;
	list-style: disc;
	margin-right: 20px;
}
.buttons-container button {
	background: #151515 !important;
    border: none;
    font-size: 18px;
    margin-left: 10px;
    border-radius: 10px;
    padding: 10px 20px !important;
}

.bank-details {
	/background: #272727;
	/padding: 10px ;
	border-radius: 10px;
	margin-bottom: 25px;
}
.bank-details p:first-child  {
	margin-bottom: 20px !important;
}
.bank-details p:first-child strong {
	color: #444 !important;
	font-weight: normal !important;
	font-size: 16px;
}
.bank-details p strong {
	font-size: 22px;
	color: #444 !important;
	font-weight: bold;
	letter-spacing: 5px;
}
.bank-details p {
	margin-bottom: 0;
}
p.bank-info {
	color: #444 !important;
}
p.verification-note {
	background: none;
	color: #444 !important;
	border: none;
	font-weight: bold;
	margin-bottom: 0;
	margin-right: -15px;
}
.payment-method-section {
	margin-top: -40px;
}
.selected-plan-info {
	background: #444;
	padding: 10px;
	border-radius: 10px;
}
.payment-left .form-group label {
	width: 150px;
}
.payment-left .form-group input {
	height: 40px;
	border-radius: 10px;
}

.change-process {
	display: flex;
	justify-content: center;
	margin-top: 30px;
}

.process-loader {
  width: 48px;
  margin-right: calc(50% - 24px);
  margin-top: 30px;
  height: 48px;
  display: inline-block;
  position: relative;
}
.process-loader::after,
.process-loader::before {
  content: '';  
  box-sizing: border-box;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #ffc107;
  position: absolute;
  left: 0;
  top: 0;
  animation: animloader 2s linear infinite;
}
.process-loader::after {
  animation-delay: 1s;
}

@keyframes animloader {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
    




.loader {
          position: relative;
          display: flex;
        }
        .loader:before , .loader:after {
            content: '';
            width: 15px;
            height: 15px;
            display: inline-block;
            position: relative;
            margin: 0  5px  ;
            border-radius: 50%;
            color: #FF9800;
            background: currentColor;
            box-shadow: 50px 0 ,  -50px 0;
            animation: left 1s infinite ease-in-out;
          }
          .loader:after {
            color: #FF3D00;
            animation: right 1.1s infinite ease-in-out;
          }


        @keyframes right {
          0% , 100%{transform: translateY(-10px) }
          50% { transform: translateY(10px) }
        }

        @keyframes left {
          0% , 100%{ transform: translateY(10px) }
          50% { transform: translateY(-10px) }
        }
        
.reviewloader {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #8bc34ad4;
  box-shadow: 22px 0 #8bc34ad4, -22px 0 #8bc34ad4;
  position: relative;
  animation: flash 0.5s ease-out infinite alternate;
  display: flex;
}

@keyframes flash {
  0% {
    background-color: #8bc34a6b;
    box-shadow: 22px 0 #8bc34a6b, -22px 0 #8bc34ad4;
  }
  50% {
    background-color: #8bc34ad4;
    box-shadow: 22px 0 #8bc34a6b, -22px 0 #8bc34a6b;
  }
  100% {
    background-color: #8bc34a6b;
    box-shadow: 22px 0 #8bc34ad4, -22px 0 #8bc34a6b;
  }
}
        
        
.catsloader {
  width: 48px;
  height: 48px;
  display: inline-block;
  position: relative;
}
.catsloader::after,
.catsloader::before {
  content: '';  
  box-sizing: border-box;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #FF5722;
  position: absolute;
  left: 0;
  top: 0;
  animation: animloader 2s linear infinite;
}
.catsloader::after {
  animation-delay: 1s;
}

@keyframes animloader {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
    
    
    
    
.loadmore-loader {
          position: relative;
          display: flex;
        }
        .loadmore-loader:before , .loadmore-loader:after {
            content: '';
            width: 15px;
            height: 15px;
            display: inline-block;
            position: relative;
            margin: 0  5px  ;
            border-radius: 50%;
            color: #9E9E9E;
            background: currentColor;
            box-shadow: 50px 0 ,  -50px 0;
            animation: left 1s infinite ease-in-out;
          }
          .loadmore-loader:after {
            color: #607D8B;
            animation: right 1.1s infinite ease-in-out;
          }


        @keyframes right {
          0% , 100%{transform: translateY(-10px) }
          50% { transform: translateY(10px) }
        }

        @keyframes left {
          0% , 100%{ transform: translateY(10px) }
          50% { transform: translateY(-10px) }
        }


#load-more-container {
	display: flex;
	justify-content: center;
	margin-top: 30px;
	min-height: 100px;
}
#load-more-btn {
	margin: 0;
	background: #607D8B !important;
	color: #fff !important;
	font-size: 16px;
	height: 60px;
	padding: 0 15px !important;
}

.register-steps .smslogin-container {
	background: #fff !important;
}
.register-steps .smslogin-container img {
	margin-top: 35px;
}

.plans-container {
	display: flex;
	justify-content: space-between;
}
.plans-container .plan-list {
	width: 50%;
}
.plans-container .plan-details {
	width: 50%;
	background: #673AB7;
	padding: 20px;
	border-radius: 10px;
}
.plans-container .plan-details h3 {
	color: #fff !important;
	font-weight: normal;
}
.price-display {
	display: flex;
}
.price-display div {
	color: #fff !important;
	margin: 10px 0;
}
.price-number {
	margin-left: 20px !important;;
	font-size: 24px;
}
.price-words {
	color: #ffffff99 !important;
}
.plans-container h3 {
	font-size: 22px;
}
.plan-option , .payment-option {
	display: flex !important;
	align-items: center;
	margin-bottom: 10px;
}
.plan-option input , .payment-option input {
	width: 20px;
	height: 20px;
	margin-left: 10px;
}
.plan-option label , .payment-container label {
	font-size: 18px;
}
.buttons-container button.continue-btn {
	background: #4CAF50 !important;
	color: #fff !important;
}
.buttons-container button.confirm-btn {
	background: #673AB7 !important;
	color: #fff !important;
}
.plans-list h3 {
	margin-bottom: 20px;
}
.plan-selection .buttons-container {
	margin-top: 20px;
}
.payment-container {
	display: flex !important;
	flex-direction: column;
	justify-content: space-between;
	align-content: center;
	gap: 15px;
}
.payment-right {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	padding-top: 20px;
}
.payment-left {
	background: #f5f5f5;
	padding: 20px;
	/min-height: 150px;
	border-radius: 15px;
}
#payment-details .form-group {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#payment-details .form-group input {
	border: 1px solid #ccc;
	height: 40px;
	border-radius: 7px;
}
.payment-note {
	margin: 30px 0;
}
.payment-note:before {
	content: "\f06a";
	font-family: fontawesome;
	font-size: 20px !important;
	vertical-align: middle;
	margin-left: 5px;
}
.buttons-container {
	margin-top: 40px;
}
button.online-payment-btn {
	background: #ccc !important;
	font-size: 18px;
	padding: 10px !important;
	border: none;
	margin-top: 20px;
	border-radius: 10px;
}
.selected-plan-info {
	display: flex;
	margin: 15px 0;
	flex-direction: column;
	gap: 10px;
}
.selected-plan-info p strong {
	font-weight: normal;
}
.selected-plan-info p {
	margin: 0 0 0 5px;
	color: #ffc107 !important;
	font-size: 18px;
}
.online-deactive {
	margin: 20px 0 0 !important;
	color: #999 !important;
}
.bank-details p {
	font-weight: normal !important;
}
.bank-details p:last-child {
	font-size: 20px;
}
.confirmation-section h3 {
	text-align: center;
	font-size: 24px;
}
.confirmation-section .buttons-container {
	text-align: center;
}
.confirmation-section button {
	width: 150px;
	text-align: center;
}
.final-success-message h3 {
	font-size: 18px;
	margin-top: 50px;
	text-align: center;
}
.final-success-message p {
	font-size: 18px;
	margin-top: 10px;
	text-align: center;
}



.loader-success-content {
	display: flex;
	align-items: center;
	flex-direction: column;
}
.loader-success-content p {
	margin-top: 30px;
}
.success-spinner {
          position: relative;
          display: flex;
        }
        .success-spinner:before , .success-spinner:after {
            content: '';
            width: 15px;
            height: 15px;
            display: inline-block;
            position: relative;
            margin: 0  5px  ;
            border-radius: 50%;
            color: #FF9800;
            background: currentColor;
            box-shadow: 50px 0 ,  -50px 0;
            animation: left 1s infinite ease-in-out;
          }
          .success-spinner:after {
            color: #FF3D00;
            animation: right 1.1s infinite ease-in-out;
          }


        @keyframes right {
          0% , 100%{transform: translateY(-10px) }
          50% { transform: translateY(10px) }
        }

        @keyframes left {
          0% , 100%{ transform: translateY(10px) }
          50% { transform: translateY(-10px) }
        }


.mod-changeplan {
	margin-top: 70px;
    margin-bottom: 70px;
    padding: 0 25px;
}


body .toast,
html .toast,
.toast {
    position: fixed !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
    z-index: 999999 !important;
    transform: translateX(-100%) !important;
    opacity: 0 !important;
    transition: all 0.3s ease !important;
    max-width: 300px !important;
    font-family: 'Tahoma', Arial, sans-serif !important;
    direction: rtl !important;
    text-align: right !important;
    margin: 0 !important;
    width: auto !important;
    height: auto !important;
    display: block !important;
    /background: #F44336 !important;
	border: none !important;
	bottom: 20px !important;
	font-weight: normal !important;
	color: #fff !important;
	top: unset !important;
	padding: 10px 10px !important;
	font-size: 16px !important;
	font-family: peyda !important;
	left: 20px !important;
}

.toast-body span {
	color: #fff !important;
}
.toast-body .progress {
	/display: none;
}

body .toast.show,
html .toast.show,
.toast.show {
    transform: translateX(0) !important;
    opacity: 1 !important;
}

body .toast.success,
html .toast.success,
.toast.success {
    background: #4CAF50 !important;
}

body .toast.warning,
html .toast.warning,
.toast.warning {
    background: #ff9800 !important;
}

/* Error input styles */
.error-input {
    border: 2px solid #f44336 !important;
    box-shadow: 0 0 5px rgba(244, 67, 54, 0.3) !important;
}

.error-input:focus {
    outline: none !important;
    border-color: #f44336 !important;
    box-shadow: 0 0 8px rgba(244, 67, 54, 0.5) !important;
}





.djcf-search-module input {
	width: 100% !important;
	border-radius: 10px;
	border: 2px solid #8885 !important;
	background: #f5f5f5;
}
.djcf-search-module {
	width: 85% !important;
	max-width: unset !important;
	margin: auto;
}
.login-message {
	font-size: 14px;
	font-style: unset;
}
.login-message:before {
	content: "\f05a";
    font-family: fontawesome;
    font-size: 18px;
    vertical-align: middle;
    margin-left: 5px;
	color: #888;
}
.results-title {
	display: none;
}
.results-list .group-title {
	font-size: 18px !important;
	font-weight: bold;
	margin-bottom: 10px;
}
.results-list li a {
	font-size: 16px;
	padding: 5px 10px !important;
}
.results-list li a span {
	color: #9999 !important;
	font-size: 13px;
	margin-right: 5px;
}
.results-list li a:before {
	content: "";
	width: 5px;
	height: 5px;
	display: block;
	background: #666;
	float: right;
	margin-left: 5px;
	margin-top: 7px;
	border-radius: 15px;
}
.homemodalsearch .modal-header button {
	margin: -8px 0 0 15px !important;
	background: none;
	opacity: 1;
	padding: 0 !important;
}
.homemodalsearch .modal-header button img {
	width: 24px;
	transform: rotate(180deg);
	max-width: unset !important;
}
.homemodalsearch .modal-header {
	display: flex;
	flex-direction: row-reverse;
	justify-content: flex-end;
	align-items: center;
	border: none;
}
.homemodalsearch .modal-header h5 {
	font-size: 20px !important;
}
.homemodalsearch .modal-footer {
	display: none;
}
.homemodalsearch .modal-footer button {
	background: #eee;
	border: none;
	width: 100px;
	padding: 10px;
}

.custom-filter-menu {
    display: flex;
    justify-content: center;
    margin: 0 !important;
}
.home-customfilter-box {
	padding: 25px 15px 25px;
	border-radius: 15px;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	margin: 50px auto;
	width: 85%;
}
.custom-search-info {
	font-size: 19px;
	font-weight: bold;
}


















#homeloginmodal {
  z-index: 0;
}
#homemodalsearch {
  /z-index: 0;
}
#homeloginmodal .custom-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 0; 
}
#homemodalsearch .custom-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 0; 
}

.carousel-control-prev, .carousel-control-next {
    z-index: 0 !important;
}



.noresult-info h3 {
	font-size: 20px;
}
.noresult-info h3:before {
    content: "";
    display: block;
    background-repeat: no-repeat;
    background-image: url(images/webdesign/attention.png) !important;
    background-size: 64px !important;
    background-position: 0 0;
    width: 64px;
    height: 64px;
    margin-bottom: 10px;
}
.excuse-title {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}
.noresult_suggestlinks {
	margin-top: 15px;
}
.noresult_suggestlinks ul li a {
	background: #f8f8f8;
	font-size: 14px;
	padding: 5px 10px;
	border-radius: 55px;
	border: 1px solid;
}
.excuse-archive {
	font-weight: bold;
}
.excuse-archive.empty-items {
	display: none;
}
.no_results {
    visibility: hidden !important;
}



.search_res_details {
    display: none;
}





.catselectmodal.fade .modal-dialog {
  transform: scale(0.8);
  transition: transform 0.3s ease-out;
}
.catselectmodal.show .modal-dialog {
  transform: scale(1);
	width: 40%;
	margin: auto;
}



.catselectbtn {
	font-size: 14px;
	display: none;
	align-items: center;
}
.catselectbtn:before {
	content: "";
	float: right;
	display: block;
	margin-left: 5px;
	background-repeat: no-repeat;
	background-image: url("/images/webdesign/menu.png") !important;
	background-size: 28px !important;
	background-position: 0 0 ;
	width: 28px;
	height: 28px;
}


.hometext p {
	text-align: justify;
}
.hometext h3 {
	font-size: 18px;
}
.hometext ul li {
	display: inline;
	margin-bottom: 10px;
	margin-left: 10px;
	font-size: 12px;
	border-radius: 111px;
}

.hometext ul li:last-child:after {
	display: none;
}
.hometext .maincat {
	margin-bottom: 20px;
}
.hometext .service {
	background: #f8f8f5;
	padding: 15px;
	border-radius: 15px;
}
.hometext .service p {
	font-size: 14px;
}
.hometext .service a {
	color: #FF5722 !important;
}
.hometext .service a:after {
	content: "\f104";
	font-family: fontawesome;
	font-size: 12px;
	vertical-align: middle;
	margin-right: 5px;
}

.worklistdesc {
	margin-bottom: 30px;
	background: #fff;
	padding: 20px;
	border-radius: 15px;
}
.worklistdesc h3 {
	font-size: 20px;
	margin-bottom: 20px;
}
.worklistdesc p {
	display: inline;
	margin-left: 3px;
	text-align: justify;
}
.o-empty__content {
	flex-direction: column;
	align-items: center;
}
.o-empty__content i {
	display: none;
}
.o-empty__text:before {
	content: "";
	display: block;
	margin-right: calc(50% - 58px);
	margin-bottom: 30px;
	background-repeat: no-repeat;
	background-image: url("/images/webdesign/no-comment.png") !important;
	background-size: 96px !important;
	background-position: 0 0 ;
	width: 96px;
	height: 96px;
}
.o-empty__text {
	font-size: 18px;
    text-align: center !important;
    line-height: 35px;
}
.o-empty  {
	justify-content: center;
	background: none !important;
	padding-bottom: 0 !important;
}
.kt-form-section .o-snackbar .flex {
	display: flex !important;
	justify-content: center;
}
.kt-form-header {
	width: fit-content;
	border-radius: 10px;
}
.kt-form-header div , .kt-form-header a {
	color: #FF5722 !important;
	font-weight: bold;
	font-size: 18px !important;
}







.ads-slider .dj-slideshow-in {
	box-shadow: none !important;
}
.ads-slider .dj-slideshow-in img {
	border-radius: 20px;
}
.ads-slider .dj-slide {
	border-radius: 20px;
}

.modal-open .ads-slider {
	display: none;
}
.ads-slider .dj-navigation {
	bottom: 40px !important;
	top: unset !important;
	left: 30px !important;
	position: relative;
	z-index: 1040 !important;
}
.ads-slider .dj-navigation-in {
	display: flex !important;
	justify-content: flex-start !important;
	flex-direction: row-reverse;
}

.ads-slider .dj-navigation-in a img {
	width: 50px;
}
.ads-slider .dj-indicators-in a span {
	display: none !important;
}
.ads-slider .dj-indicators {
	margin-bottom: 20px;
}
.ads-slider .dj-indicators-in a {
	border-radius: 55px !important;
}
.ads-slider .ads-title {
    display: none !important;
	font-weight: bold;
	display: flex;
	font-size: 20px;
	align-items: center;
	display: inline-block;
	background: linear-gradient(to right, #FF5722, #FFEB3B);
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
}
.ads-slider .ads-title img {
	width: 32px;
	margin-left: 10px;
}
.ads-slider .dj-slideshow {
	margin-top: -10px !important;
}




.pswp__ui {
	height: 70px;
	display: flex;
	padding: 0 25px;
	align-items: center;
	justify-content: space-between;
	flex-direction: row-reverse;
}
.pswp__top-bar {
	opacity: 1 !important;
	color: #fff !important;
	width: 50%;
	position: relative;
	display: flex;
	justify-content: flex-end;
	flex-direction: row-reverse;
	background: none !important;
}
.custom-site-title {
	font-size: 24px;
	color: #fff !important;
	width: 50%;
	text-align: left;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.custom-site-title:before {
	content: "";
	margin-left: 5px;
	float: right;
	margin-top: 2px;
	width: 22px;
	height: 22px;
	background-image: url('/images/webdesign/axit-title-icon.webp') !important;
	background-size: 22px !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;
}
.custom-site-title span {
	font-size: 16px;
	color: #fff !important;
	border-right: 2px solid;
	padding-right: 10px;
	margin-right: 10px;
}
.pswp__top-bar .pswp__button--close:before {
	content: "X";
	color: #fff;
	font-size: 22px;
}
.pswp__top-bar .pswp__button--close {
	display: block !important;
}
.pswp__top-bar button {
	display: none !important;
}
.pswp__counter {
	position: relative;
	color: #fff !important;
	font-size: 22px;
}
.pswp__preloader {
	display: none;
}

.pswp__img {
    width: auto !important;    
    border-radius: 15px;
}
.pswp__bg {
	opacity: 1 !important;
}









.mod-consult-requests .title h3 {
	font-size: 20px;
	margin-bottom: 30px;
}
.mod-consult-requests .title span {
	font-size: 18px;
    font-weight: normal;
    margin-right: 10px;
    background: #272727;
    padding: 3px 5px 0px;
    border-radius: 5px;
    min-width: 30px !important;
    display: inline-flex;
    justify-content: center;
}
.request-item {
    background: #272727;
    padding: 15px 15px 10px;
    margin-bottom: 10px;
    border-radius: 5px;
    border-right: 4px solid #007bff;
}

.request-info {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px;
}
.request-info .request-number {
	width: 2%;
}
.request-info .namebox {
	width: 53%;
}
.request-info .namebox .pagename {
	display: none;
}
.request-info .namebox .catname {
	font-size: 16px;
	font-weight: bold;
}
.request-info .requestbox {
	width: 100%;
}
.request-info .requestbox .name {
	font-size: 16px;
	font-weight: bold;
	width: 50% !important;
	display: inline-block;
}
.request-info .infobox {
	width: 45%;
	display: flex;
	align-items: center;
}
.request-info .infobox span.phone {
	width: 50% !important;
	display: inline-flex;
	color: #28a745;
	font-weight: bold;
	justify-content: flex-end;
}
.request-info .infobox span.date {
	width: 50% !important;
	display: inline-flex;
	justify-content: flex-end;
	font-weight: bold;
	font-size: 16px;
}
.request-info .infobox span.date .time-part {
	display: none;
}

.date {
    color: #6c757d;
    font-size: 0.9em;
}

.request-details {
    color: #6c757d;
    font-size: 0.85em;
} 

.no-requests {
    text-align: center;
    color: #6c757d;
    font-style: italic;
}
.registersubmitsuccess {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: -130px;
}
.registersubmitsuccess img {
	width: 80px;
	margin-bottom: 30px;
}
.registersubmitsuccess .title {
	font-weight: bold;
	font-size: 18px;
}
.registersubmitsuccess .dashboardinfo {
	margin: 30px 0 40px;
}
.registersubmitsuccess .link a {
	background: #32ba7c;
	padding: 15px 25px;
	border-radius: 12px;
	color: #fff !important;
	margin: 0 10px;
}
.registersubmitsuccess .link a.backtosite {
	background: #ddd;
	padding: 15px 25px;
	border-radius: 12px;
	color: #444 !important;
}


.register-steps .astroid-header-section {
	visibility: hidden;
	position: absolute;
}
.register-steps .footerbox {
	display: none;
}
.loginreview {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.loginreview .notlogin-title {
	margin-bottom: 30px;
}
.loginreview button.loginmodalbtn {
	background: #7fd685 !important;
	border-radius: 10px;
	padding: 15px 35px !important;
	color: #fff !important;
	font-size: 15px !important;
}
.loginreview button.loginmodalbtn:before {
	display: none;
}
.loginreview .waiting {
	margin-top: 10px;
}

.favoritelist #dj-classifieds {
	width: 80%;
	margin: auto;
}



.commentcanvas .offcanvas-body {
	padding: 20px 35px;
}
#pills-comments .kt-form-section {
	visibility: hidden !important;
	position: absolute;
}
#pills-commentform .kt-comments-container {
	visibility: hidden !important;
	position: absolute;
}
.commentboxtitle {
	display: none;
}

.o-snackbar#scoreview {
	visibility: hidden !important;
	position: absolute;
}
.pagescore .flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.kt-form-section .o-snackbar {
	visibility: hidden;
	position: absolute;
}
.pagescore .flex-grow b {
	font-size: 18px;
	margin-left: 3px;
	font-weight: normal;
}
.pagescore .flex-grow span {
	font-size: 18px;
}
.fd-ratings-overall .flex > div:first-child {
	margin-left: 10px;
}

.commentcanvas #pills-tab {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin:  0 !important;
}
.commentcanvas #pills-tab li  {
	width: 100% !important;
}
.commentcanvas #pills-tab li button {
	color: #444 !important;
	font-weight: normal !important;
	font-size: 15px;
	padding: 10px 15px 10px 20px !important;
	background: #eeeeee42 !important;
	visibility: visible;
	position: relative;
	transition: 0;
}
.commentcanvas #pills-tab li button.active {
	visibility: hidden;
	position: absolute;
}
.commentcanvas #pills-tab li button:before {
	content: "";
	margin-left: 5px;
	float: right;
	margin-top: 5px;
	width: 16px;
	height: 16px;
	background-image: url('/images/webdesign/right-thin.png') !important;
	background-size: 16px !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;
}
.kt-form-section .o-snackbar b {
	display: none;
}
.commentcanvastop {
	border: 1px solid #eee;
	margin-bottom: -15px;
	border-radius: 15px;
	padding: 15px;
	display: flex;
	flex-direction: re;
	justify-content: space-between;
	align-content: center;
	align-items: center;
}

.kt-comment-permalink {
	display: none;
}
.pagescore .flex .flex-grow {
	visibility: hidden;
    margin-left: 10px;
    position: absolute;
}







.comment-skeleton {
    position: relative;
    overflow: hidden;
}

.comment-skeleton .topbox {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    background: #f7f7f778;
    padding: 15px;
    border-radius: 10px;
}
.comment-skeleton .right {
    height: 50px;
    width: 25%;
    background: #f5f5f5;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
}
.comment-skeleton .left {
    height: 50px;
    width: 50%;
    background: #f5f5f5;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
}

.comment-skeleton .bottombox {
    margin-top: 20px;
}

.comment-skeleton .item {
    margin-bottom: 15px;
    padding: 15px 10px 25px;
	border-bottom: 1px solid #ddd;
}

.comment-skeleton .name {
    height: 28px;
    width: 150px;
    background: #f5f5f5;
    border-radius: 4px;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
}

.comment-skeleton .comment {
    height: 36px;
    width: 100%;
    background: #f5f5f5;
    border-radius: 4px;
    margin-bottom: 8px;
    position: relative;
    overflow: hidden;
}

.comment-skeleton .star {
    height: 28px;
    width: 150px;
    background: #f5f5f5;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
}

.comment-skeleton .right::before,
.comment-skeleton .left::before,
.comment-skeleton .name::before,
.comment-skeleton .comment::before,
.comment-skeleton .star::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.6),
        transparent
    );
    animation: shimmer 2s infinite;
}

@keyframes shimmer {
    0% {
        left: -100%;
    }
    100% {
        left: 100%;
    }
}



#commentcanvas #mainContent {
    display: none !important;
}

#commentcanvas #skeleton {
    display: block !important;
}

#commentcanvas.content-loaded #skeleton {
    display: none !important;
}

#commentcanvas.content-loaded #mainContent {
    display: block !important;
}



.offcanvas {
    transition: 0s !important;
}







.customposition.show .bottomtogglebtns {
	display: none;
}
.customposition h3 {
	margin-bottom: 20px;
}
.topmoduleposition {
	visibility: hidden;
	position: absolute;
}

button.toplistposition {
    visibility: hidden;
    position: absolute;
}


.contact-data {
	padding: 20px;
}
.contact-field {
	display: flex;
	justify-content: space-between;
	margin-bottom: 15px !important;
}
.contact-field span {
	font-size: 17px;
}
.contact-field.nodata {
	display: none;
}
.contact-field span.value {
	font-weight: bold;
}
.contact-field.neshani {
	margin-top: 30px;
	position: relative;
}
.contact-field.neshani:before {
	content: "";
	position: absolute;
	top: -20px;
	right: 0;
	width: 40px;
	height: 40px;
	background-image: url('/images/webdesign/map-pin.png') !important;
	background-size: 34px !important;
    background-repeat: no-repeat !important;
}
.contact-field.neshani span.name {
	font-weight: bold;
	display: none;
}
.contact-field.neshani span.value {
	width: 100%;
	text-align: justify;
	background: #eeeeee4d;
	padding: 10px;
	border-radius: 10px;
	font-size: 17px;
	border: 1px solid #ddd;
	line-height: 35px;
}


.changeplancanvas {
	min-width: 300px;
	background: #272727;
	border: none !important;
	width: 600px;
	margin: auto;
	min-height: 50%;
	height: 100% !important;
	border-top: none !important;
}
.changeplancanvas.offcanvas .offcanvas-header.bazgasht {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border: none !important;
	background: #444 !important;
	padding: 20px 15px !important;
}
.changeplancanvas .offcanvas-header.bazgasht button.btn-close {
	opacity: 1;
	margin: -5px 0 0 0;
	width: 100px;
}
.changeplancanvas .offcanvas-header.bazgasht button.btn-close:before {
	background: #fff;
	border-radius: 5px;
}



.offcanvas .offcanvas-header.bazgasht {
	flex-direction: row-reverse;
	background: #f5f5f5 !important;
	display: flex;
    justify-content: space-between;
}
.offcanvas .offcanvas-header.bazgasht h5 {
	font-size: 19px !important;
	font-weight: normal !important;
}
.offcanvas .offcanvas-header.bazgasht span.profile_name {
	font-size: 20px !important;
	font-weight: bold;
}
.offcanvas .offcanvas-header.bazgasht button.btn-close {
	background: none !important;
	border: none !important;
	font-size: 19px !important;
	padding-right: 15px !important;
}
.offcanvas .offcanvas-header.bazgasht button:after {
	display: flex !important;
	position: absolute;
	content: "";
	right: 10px;
	margin-left: 5px;
	margin-top: 0px;
	width: 16px;
	height: 16px;
	background-image: url('/images/webdesign/right-thin.png') !important;
	background-size: 16px !important;
	background-repeat: no-repeat !important;
	background-position: 0px 0px !important;

}


.login-user .nav-item-id-2648 {
	display: none;
}
.nav-item-id-529 {
	display: none !important;
}
.login-user .nav-item-id-529 {
	display: unset !important;
}




.profile-account .djform_row.username {
	display: none;
}
.profile-account .djform_row.password1 {
	display: none;
}
.profile-account .djform_row.password2 {
	display: none;
}
.profile-account .djform_row.email {
	display: none;
}
.profile-account span.label.star {
	display: none;
}
.profile-account input.corefield-mobile {
	background: #272727;
	color: #8888887d !important;
}




.userprofile-edit-alias .com-users-profile__multifactor {
	display: none;
}
.userprofile-edit-alias fieldset .row {
	display: none;
}






.mod-consult-history .table {
	width: 50%;
}
.mod-consult-history h3 {
	font-size: 20px;
}
.mod-consult-history h4 {
	font-size: 16px;
	font-weight: normal;
	margin: 15px 0 20px !important;
}
.consult-summary small {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}
.consult-summary {
	display: flex;
	flex-direction: column-reverse;
}
.mod-consult-history td {
	padding: 15px 10px;
}
.mod-consult-history td.pagename {
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: space-between;
}
.mod-consult-history a.ad-link {
	width: 100%;
	font-weight: bold;
}
.mod-consult-history a.ad-link:after {
	content: "";
	border-radius: 5px;
	margin-right: 5px;
	float: left;
	background: #ccc;
	display: flex;
	width: 28px;
	height: 28px;
	background-image: url('/images/webdesign/link.png') !important;
	background-size: 20px !important;
	background-repeat: no-repeat !important;
	background-position: 3px 3px !important;
}




.dropdown-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
    z-index: 1040; 
    display: none;
}

.dropdown-menu {
    opacity: 0;
    visibility: hidden;
    border-radius: 15px 15px 15px 15px;
    padding: 15px !important;
    transition: opacity 0.4s ease, transform 0.4s ease, visibility 0.4s !important;
    border: none !important;
    background: #fff;
    box-shadow: 0px 10px 30px -20px #ccc;
}
.dropdown-menu.show {
    opacity: 1;
    visibility: visible;
	min-width: 300px; 
	position: absolute; 
	margin-top: 10px !important; 
	transform: translate(0px, 50.5556px) ;
	transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
	position: relative;
    z-index: 1050;
}






.dropdown-menu .namebox {
	padding-top: 5px
}
.dropdown-menu .namebox span {
	font-size: 18px;
	margin-left: 5px;
	display: none;
}
.dropdown-menu .namebox span.user-name {
	font-weight: bold !important;
	font-size: 20px;
	display: block;
}
.dropdown-menu .top .welcometext {
	font-size: 16px;
	margin-top: 10px;
}
.dropdown-menu .top .dashboardlink {
	margin-top: 15px;
	border-top: 1px solid #86a95e54;
	padding-top: 15px;
}

.dropdown-menu .top .dashboardlink a:after {
	content: "";
	margin-right: 5px;
	float: left;
	display: flex;
	width: 20px;
	height: 20px;
	background-image: url('/images/webdesign/left-thin.png') !important;
	background-size: 20px !important;
	background-repeat: no-repeat !important;
	background-position: 0px 3px !important;
}
.dropdown-menu .top .changename {
	margin-top: 15px;
	border-top: 1px solid #86a95e54;
	padding-top: 15px;
}
.dropdown-menu .top .changename a:after {
	content: "";
	margin-right: 5px;
	float: left;
	display: flex;
	width: 20px;
	height: 20px;
	background-image: url('/images/webdesign/left-thin.png') !important;
	background-size: 20px !important;
	background-repeat: no-repeat !important;
	background-position: 0px 3px !important;
}
.dropdown-menu .mysaved {
	font-size: 17px;
	margin-bottom: 15px;
}
.dropdown-menu .consult-history {
	font-size: 17px;
	margin-bottom: 15px;
}
.dropdown-menu .my-offers {
	font-size: 17px;
	margin-bottom: 15px;
	direction: ltr;
}
.dropdown-menu .my-offers span {
	display: inline-block;
	font-size: 12px;
	margin-right: 5px;
	background: #eee;
	opacity: 0.5;
	padding: 0px 10px;
	border-radius: 55px;
}
.dropdown-menu .user-profiles .issuereport {
	font-size: 17px;
	margin-bottom: 20px;
}
.dropdown-menu .user-profiles .top {
	margin-bottom: 20px;
	background: rgb(233 233 233 / 47%);
}





.dropdown-menu .top {
	padding-bottom: 10px;
	background: rgb(217 250 212);
	margin: -15px -15px;
	padding: 15px;
	border-radius: 15px 15px 0 0;
	margin-bottom: 0px;
	display: flex;
    flex-direction: column;
}
.dropdown-menu .advertiser-profiles .middle {
	border-bottom: 1px solid #eee !important;
	padding: 20px 0;
}
.dropdown-menu .advertiser-profiles .bottom {
	padding-top: 20px;
	padding-bottom: 10px;
}




.plan-progress .progress {
	margin: 0 !important;
}
.dropdown-menu .currentplan .title {
	font-weight: bold;
}
.dropdown-menu .currentplan .value span {
	color: #8bc34a!important;;
	font-size: 18px !important;
	margin: 8px 0 0 0 !important;
	display: block;
}
.dropdown-menu .planname {
	font-size: 14px;
}
.dropdown-menu .exp-text {
	display: flex;
	justify-content: space-between;
	font-size: 16px !important;
	margin-bottom: 15px;
}
.dropdown-menu .exp-text span {
	/font-weight: bold;
}
.dropdown-menu .planbox {
	background: #eeeeee4d;
	border-radius: 5px;
	padding: 9px;
	margin-bottom: 15px;
}
.dropdown-menu .duration-info {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 15px 0 15px 0 !important;
}
.dropdown-menu .duration-info span {
	/font-weight: bold;
}
.dropdown-menu .currentplan small {
	display: none !important;
}
.dropdown-menu .advertiser-profiles .bottom .issuereport {
	margin-bottom: 20px;
}
.dropdown-menu .bottom .exitlink {
	background: #f5f5f5;
	margin: 0 -15px -25px;
	padding: 25px 15px;
	border-radius: 0 0 15px 15px;
	text-align: center;
}
.dropdown-menu .user-profiles .exitlink {
	font-size: 18px;
	font-weight: bold;
}


.nobc .mod-breadcrumbs__wrapper {
	display: none !important;
}
#profile-update-form button {
	background: #8bc34a !important;
	width: fit-content;
	padding: 15px 0 !important;
	margin-top: 20px;
	margin-right: calc(50% - 70px);
	width: 140px;
	color: #fff !important;
}





.advertiser-groups {
	background: #eee;
	padding: 15px;
	border-radius: 15px;
}
.advertiser-groups p {
	text-align: center;
}
.advertiser-groups p:before {
	content: "";
	margin-bottom: 20px;
	margin-top: 20px;
	display: block;
	margin-right: calc(50% - 35px);
	background-repeat: no-repeat;
	background-image: url("/images/webdesign/attention.png") !important;
	background-size: 70px !important;
	background-position: 0 0;
	width: 70px;
	height: 70px;
}
.advertiser-groups .links {
	text-align: center;
	margin-bottom: 20px;
	margin-top: 25px;
}
.advertiser-groups .links a {
	background: #8bc34a;
	color: #fff !important;
	padding: 12px 30px;
	border-radius: 10px;
}


.com-users-logout.logout {
	display: flex;
	flex-direction: column;
	align-content: center;
	align-items: center;
}
.com-users-logout__submit button {
	background: #ccc !important;
	margin-top: 20px;
	padding: 15px !important;
}
.com-users-logout__submit button span {
	display: none;
}

.loginmasterpage .com-users-login {
	display: none;
}







#loginmodal .loginselect {
	width: 100%;
	background: none;
	border: none;
	box-shadow: none;
	margin-top: -35px;
}
#loginmodal .loginselectbtns {
	/padding: 10px;
}






.loginselect {
	width: 450px !important;
	max-width: 500px !important;
	background: #f9f9f9;
	margin: auto;
	padding: 10px 10px 5px;
	border-radius: 15px;
	box-shadow: 0px 25px 35px -48px #444;
	border: 1px solid #f5f5f5;
}
.loginselect .mod-login__options {
	display: none;
}
.loginselect .loginselectbtns {
	padding: 0px;
	margin-bottom: -5px;
}
.loginselect .loginselectbtns ul {
	width: 100% !important;
	display: flex;
	justify-content: space-between;
}
.loginselect .loginselectbtns ul li {
	width: 50%;
}
.loginselect .loginselectbtns button {
	background: none !important;
	width: 100%;
	text-align: center;
	padding: 15px 0 !important;
	border-radius:  0 !important;
	color: #fff !important;
}
.loginselect .loginselectbtns button.active {
	background: #fff !important;
	color: #01242a !important;
	font-weight: bold;
}
.loginselect button#pills-mail-tab {
	border-radius: 15px !important;
}
.loginselect button#pills-mobile-tab {
	border-radius: 15px !important;
}
.loginselect button#pills-maill-tab {
	border-radius: 15px !important;
}
.loginselect button#pills-mobilee-tab {
	border-radius: 15px  !important;
}
.loginselect .mod-login__username span {
	display: none;
}
.loginselect .mod-login__password button.input-password-toggle {
	position: absolute;
	left: 10px;
	top: 15px;
	height: 27px;
}
.loginselect .mod-login__remember {
	display: flex;
}
.loginselect .mod-login__remember .form-check {
	display: flex;
}
.loginselect .mod-login__remember .form-check label {
	font-weight: normal !important;
}
.loginselect .mod-login__remember .form-check input {
	margin-left: 5px;
	width: 20px;
	height: 20px;
}
.loginselect .mod-login__submit {
	background: #8bc34a;
	color: #fff !important;
	border-radius: 9px;
	width: 200px;
	margin: auto auto 50px !important;
	padding: 12px;
}
.loginselect .mod-login__submit button {
	color: #fff !important;
}
.loginselect .input-group input {
	border-radius: 10px !important;
	height: 055px;
}

.loginselect .loginlogo {
	margin-top: 10px !important;
}
.loginselect .smslogin-container .loginlogo {
	display: none;
}
.loginselect .smslogin-form h3 {
	display: none;
}
.loginselect .smslogin-form {
	margin-top: -40px;
}
.loginselect .rules-accept {
	margin-bottom: 10px !important;
}
.loginselect .rules-accept a {
	border-bottom: 1px dashed;
	padding-bottom: 3px;
	margin: 0 3px;
}
.loginselect .pretext {
	margin-bottom: 30px;
	border-radius: 10px;  
}
.loginselect .pretext p {
	text-align: justify;
	font-size: 15px;
}
.loginselect .pretext p:before {
	content: "";
	float: right;
	margin-top: 4px;
	margin-left: 3px;
	opacity: 1;
	width: 20px;
	height: 20px;
	background-image: url('/images/webdesign/info.png') !important;
	background-size: 20px !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;
}


.login-user .loginselect {
	display: none;
}



.loginmasterpage .login-user .com-users-logout {
	margin-top: 50px;
}



.issuereportpage form {
	/width: 50%;
	margin: auto;
	background: #f9f9f9;
	padding: 25px;
	border-radius: 20px;
}
.issuereportpage .formControls input {
	height: 50px;
	font-size: 16px !important;
}
.issuereportpage #issueupload {
	height: 137px;
}
.issuereportpage button#issuesubmit {
	background: #8bc34a !important;
	font-size: 18px;
	padding: 15px 25px !important;
	color: #fff !important;
	box-shadow: 0px 5px 20px -18px #4caf50;
}
.rsform-block-issuetitle {
	background: #fff;
	padding: 15px 15px;
	border-radius: 15px;
	margin-bottom: 45px !important;
}
.rsform-block-issuecaptcha {
	width: 50%;
}
.rsform-block-issuecaptcha a.rsform-captcha-refresh-button {
	background: #eee !important;
	border: none;
	padding: 0 10px !important;
	border-radius: 5px !important;
	display: flex;
	align-content: center;
	align-items: center;
}





.rsfp-image-container img {
	margin-top: 10px;
	width: 100px;
	height: auto;
	max-height: 150px;
	padding: 0;
	border: none;
}
.rsform-block-issueupload .formControls div:nth-child(3) {
	display: none;
}
.issuereportpage form textarea {
	height: 300px;
}



.profile-items-smart ul.firsts {
	display: flex;
	gap: 15px;
}
.profile-items-smart li.advert-list {
	width: 250px;
	height: auto !important;
	min-height: 250px;
	background: #f7f7f75c;
	border-radius: 15px;
}
.profile-items-smart .item_outer {
	border: none !important;
	padding: 0;
}
.profile-items-smart li.advert-list .item_outer_in {
	flex-direction: column;
}
.profile-items-smart li.advert-list .item_outer_in img {
	margin-bottom: 20px;
	border-radius: 15px 15px 0 0;
}
.profile-items-smart li.advert-list .item_custom_fields {
	display: none;
}
.profile-items-smart li.advert-list .profile-title-right {
	display: flex !important;
	align-content: flex-start;
	align-items: flex-start;
	/position: relative !important;
	flex-direction: column;
}
.profile-items-smart li.advert-list .profile-title-right h3 {
	font-size: 20px !important;
}
.profile-items-smart .profilelist_item_category {
	margin-top: 10px;
	background: none;
	margin-right: 0 !important;
	padding: 0 !important;
	left: 0 !important;
	width: 200px !important;
	position: relative !important;
	font-size: 16px;
}
.profile-items-smart .profilelist_item_category span:before {
	display: none !important;
}
.profile-items-smart .item_cat_region_outer {
	position: relative !important;
}
.profile-items-smart .item_content {
	height: 120px;
}
.profile-items-smart .item_content_in {
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: space-between;
	padding: 0px 20px 0 !important;
}
.profile-items-smart .item_cat_region_outer {
	display: none;
}
.profile-items-smart .sortbox {
	display: none;
}
.profile-items-smart .afterspecial {
	display: none;
}




.profile_data {
	width: 50%;
	background: #f9f9f9;
	border: 1px solid #eee !important;
	padding: 30px;
	border-radius: 20px;
	display: none !important;
}
.profile_data span {
	font-size: 18px;
}
.profile_data.row_location {
	display: flex !important;
	flex-direction: row !important;
	padding: 15px !important;
	border: 1px solid #eee !important;
	display: none !important;
}
.profile_data.row_location span.profile_row_label {
	width: 50% !important;
	display: block !important;
}
.profile_data.row_location span.profile_row_value {
	width: 50% !important;
	display: block !important;
}
.profile_name_data .group_name {
	display: none;
}
.profile_name_data .row_freelance_atelier_profile {
	display: none;
}
.profile_name_data .row_1621_price_profile {
	display: none;
}
.profile_name_data .row_2030_price_profile {
	display: none;
}
.profile_name_data .row_1318_price_profile {
	display: none;
}







.profilecontactcanvas .field-value {
	margin-bottom: 16px;
	display: flex;
	justify-content: space-between;
}
.profilecontactcanvas .fields-data {
	margin: 25px 35px;
}
.profilecontactcanvas .field-value span {
	font-size: 18px;
}
.profilecontactcanvas .field-value.novalue {
	display: none;
}
.profilecontactcanvas .field-value.has-link a {
	border-bottom: 1px dashed #4448;
	padding-bottom: 3px;
}










.profilecommentcanvas .comments-topdata {
	display: flex;
	font-size: 18px;
	flex-direction: row-reverse;
	justify-content: space-between;
	margin-bottom: 30px;
	background: #8bc34a;
	padding: 25px;
	border-radius: 15px;
}
.profilecommentcanvas .comments-topdata div {
	color: #fff !important;
}
.profilecommentcanvas .offcanvas-body {
	padding: 35px;
}
.profilecomments .commentbox {
	border: 1px solid #eee;
	font-size: 18px;
	margin-bottom: 15px;
	border-radius: 5px;
	padding: 20px 15px;
}




.profilecomments .commentbox.manager-reply {
	background: #ffc107;
	border: none !important;
}
.profilecomments .commentbox.manager-reply .comment-text {
	margin-bottom: 0;
	font-size: 16px;
	text-align: justify;
}
.profilecomments .commentbox.manager-reply span.name:after {
	display: none;
}



.profilecomments .commentbox .comment-text {
	margin: 20px 0;
	font-weight: bold;
}
.commentboxtop {
	display: flex;
	justify-content: space-between;
}
.profilecommentcanvas .right span {
	display: inline-block;
}
.profilecommentcanvas .right span.name {
	margin-left: 10px;
	font-weight: bold;
}
.profilecommentcanvas .right span.name:after {
	content: "";
	width: 6px;
	height: 5px;
	display: inline-block;
	background: #000000;
	border-radius: 55px;
	margin-right: 10px;
}
.profilecommentcanvas .comment-catname {
	background: #f7f7f7;
	width: fit-content;
	font-size: 14px;
	padding: 5px 12px;
	border-radius: 55px;
}
.profilecommentcanvas .left .comment-rate {
	font-size: 17px;
}
.profilecommentcanvas .left .comment-rate:before {
	content: "";
	display: inline-block;
	margin-left: 5px;
	vertical-align: -6px;
	background-repeat: no-repeat;
	background-image: url("/images/webdesign/star.png") !important;
	background-size: 18px !important;
	background-position: 0 0;
	width: 20px;
	height: 20px;
}




.profilecustom-data .top {
	display: flex;
	align-items: center;
	margin: 20px 0;
}
.profilecustom-data .top .profile-region {
	width: 200px;
	margin-top: -3px;
}
.profilecustom-data .top .profile-contact {
	margin-left: 40px;
}
.profilecustom-data .top .profile-social {
	margin-left: 40px;
}
.profilecustom-data .top .profile-contact button {
	background: #f9f9f9 !important;
	border-radius: 55px;
	padding: 10px 25px !important;
}
.profilecustom-data .top .profile-contact button:before {
    content: "";
	float: right;
	display: inline-block;
	margin-top: -2px;
	width: 28px;
	height: 28px;
	background-image: url('/images/webdesign/contact.png') !important;
	background-size: 28px !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;
}
.profilecustom-data .top .profile-region:before {
	content: "";
	float: right;
	display: inline-block;
	margin-top: -2px;
	width: 28px;
	height: 28px;
	background-image: url('/images/webdesign/map-pin.png') !important;
	background-size: 28px !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;
}
.profilecustom-data .profile-bio {
	margin: 70px 0;
}
.profilecustom-data .top .profile-comments button {
	background: #f9f9f9 !important;
	border-radius: 55px;
	padding: 10px 25px !important;
	margin-left: 30px;
}
.profilecustom-data .top .profile-comments button:before {
	content: "";
	float: right;
	display: inline-block;
	margin-top: 0px;
	margin-left: 5px;
	width: 24px;
	height: 24px;
	background-image: url('/images/webdesign/chat.png') !important;
	background-size: 24px !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;
}
.profiledata-box .instagram-field-link .field-label {
	display: none;
}
.profiledata-box .instagram-field-link a:before {
	content: "";
	margin-right: 5px;
	float: left;
	margin-top: -1px;
	width: 28px;
	height: 28px;
	background-image: url('/images/webdesign/instagram.png') !important;
	background-size: 28px !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;
}











.commentloader {
      width: 48px;
      height: 48px;
      border-radius: 50%;
      position: relative;
      animation: rotate 1s linear infinite;
	  margin-top: 50px;
	  margin-bottom: 50px;
	  margin-right: calc(50% - 24px);
    }
    .commentloader::before {
      content: "";
      box-sizing: border-box;
      position: absolute;
      inset: 0px;
      border-radius: 50%;
      border: 5px solid #ffc107;
      animation: prixClipFix 2s linear infinite ;
    }

    @keyframes rotate {
      100%   {transform: rotate(360deg)}
    }

    @keyframes prixClipFix {
        0%   {clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}
        25%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}
        50%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}
        75%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}
        100% {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}
    }
    
    
    
.loadmore-items-loader {
      width: 48px;
      height: 48px;
      border-radius: 50%;
      position: relative;
      animation: rotate 1s linear infinite;
	  margin-top: 20px;
	  margin-bottom: 50px;
	  margin-right: calc(50% - 24px);
    }
    .loadmore-items-loader::before {
      content: "";
      box-sizing: border-box;
      position: absolute;
      inset: 0px;
      border-radius: 50%;
      border: 5px solid #ffc107;
      animation: prixClipFix 2s linear infinite ;
    }

    @keyframes rotate {
      100%   {transform: rotate(360deg)}
    }

    @keyframes prixClipFix {
        0%   {clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}
        25%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}
        50%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}
        75%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}
        100% {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}
    }    
    
    
    
    
     
    
/*
.toporderingbox {
	display: flex;
	align-items: center;
	align-content: center;
	margin-bottom: 15px;
}
.toporderingbox .category-filter {
	margin-left: 10px;
}
#dj-classifieds .toporderingbox .category-filter select {
	background: #fff !important;
	box-shadow: none !important;
	border-radius: 155px !important;
	padding: 10px !important;
	text-align: center;
	border: 1px solid #ccc !important;
}

#dj-classifieds .toporderingbox .ordering-filter select {
	background: #fff !important;
	box-shadow: none !important;
	border-radius: 100px !important;
	padding: 10px 15px !important;
	border: 1px solid #ccc !important;
	text-align: center;
}
#dj-classifieds select {
	border: none !important;
}
 */
    
    
    
  
    
    
.kt-comments__item.is-child {
	background: #919191;
	border-radius: 10px;
	margin-right: 50px;
	padding: 5px !important;
	position: relative;
}
.kt-comments__item.is-child:before {
	content: "";
	opacity: 0.7;
	border-radius: 5px;
	position: absolute;
	right: -35px;;
	display: block !important;
	transform: rotate(90deg);
	top: 18px;
	width: 26px;
	height: 26px;
	background-image: url('/images/webdesign/level-down.png') !important;
	background-size: 26px !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;
}
.kt-comments__item.is-child .kt-comment {
	border: none !important;
	/padding-bottom: 0px !important;
}
.kt-comments__item.is-child .kt-comment-message {
	color: #fff !important;
	margin-bottom: -15px
}
.kt-comments__item.is-child .kt-reply-to a {
	color: #fff !important;
}
.kt-comments__item.is-child .kt-reply-to a.fd-name {
	font-weight: normal !important;
}
.kt-comments__item a.fd-name {
	margin-left: 0 !important;
}
.kt-comments__item.is-child .kt-reply-to i {
	display: none;
}
.kt-comments__item.is-child .kt-comment-date {
	display: none;
}
.kt-comments__item.is-child span.says {
	display: none;
}
.kt-comments__item a.reply-target {
	display: none;
}

.kt-comment span.pasokh {
	display: none;
}
.data-kt-replies-container span.pasokh {
	display: block;
	color: #fff !important;
	font-size: 16px;
	margin-left: 3px;
}
.kt-comments__item.is-parent .kt-comment {
	border: none !important;
	padding-bottom: 10px !important;
}
.kt-comments__item {
	background: #f9f9f9d1;
	border-radius: 10px;
}



.dropdownprofilebtn {
	display: none;
}
.login-user .dropdownprofilebtn {
	display: block !important;
	font-size: 14px;
}
.itemid-101 .dropdownprofilebtn {
	color: #fff !important;
	background: #eeeeee2e !important;
	border-radius: 55px;
	padding: 10px 20px 10px 15px !important;
}
.dropdownprofilebtn:after {
	margin-right: 8px;
	vertical-align: 0px;
}


.dashboard .dropdown-menu {
	z-index: 1050 !important;
}
.dashboard .dropdown-menu a
,.dashboard .dropdown-menu div
,.dashboard .dropdown-menu span {
	color: #444 !important;
}
.dashboard .dropdown-menu .top {
	background: #e8e8e8;
}
.dashboard .dropdown-overlay {
	z-index: 1;
}

.dashboard .otherbtns {
	display: flex;
	justify-content: center;
	margin-top: 20px;
}
.dashboard .otherbtns a {
	background: #ffffff0d;
	font-size: 14px;
	margin: 10px;
	padding: 8px 10px;
	border-radius: 10px;
}




.notloginalert {
	background: none;
	border: none;
	text-align: center;
	font-size: 18px;
}
.notloginalert:before {
	content: "";
	margin-bottom: 30px;
	display: block;
	margin-right: calc(50% - 35px);
	background-repeat: no-repeat;
	background-image: url("/images/webdesign/attention.png") !important;
	background-size: 70px !important;
	background-position: 0 0;
	width: 70px;
	height: 70px;
}
.specialpages .bannermainbox {
	background: #f9f9f9;
	border-radius: 10px;
	margin-bottom: 30px;
}
.login-user .itemid-2651 .bannermainbox {
	display: block !important;
}






.loginpagemodalbtn {
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	margin-top: 50px;
	visibility: visible;
	position: relative;
}
.login-user .loginpagemodalbtn {
	visibility: hidden;
	position: absolute;
}
.loginpagemodalbtn .title {
	font-weight: bold;
	font-size: 20px;
}
.loginpagemodalbtn button {
	background: #eee !important;
	border-radius: 10px !important;
	padding: 15px 30px !important;
	margin-top: 30px;
	font-size: 18px !important;
}
.loginsuggestlinks {
	margin-top: 70px;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	visibility: hidden;
	position: absolute;
}
.login-user .loginsuggestlinks {
	visibility: visible !important;
	position: relative;
}
.loginsuggestlinks .title {
	font-weight: bold;
	margin-bottom: 15px;
	font-size: 20px;
}






#homeloginmodal .loginselect {
	background: none !important;
	border: none;
}
#loginmodal .modal-dialog
, #homeloginmodal .modal-dialog {
	width: 100%;
	max-width: 100%;
	margin-top: 0;
	display: flex;
	flex-direction: row-reverse !important;
}

#loginmodal .modal-dialog .modalfixside
, #homeloginmodal .modal-dialog .modalfixside {
	width: 50%;
	background: #01242a;
	height: 100vh;
	display: flex;
    align-items: center;
    justify-content: center;
}
#loginmodal .modal-dialog .modal-content 
,#homeloginmodal .modal-dialog .modal-content {
	width: 50%;
}
#loginmodal , #homeloginmodal {
	background-color: #01242a !important;
	background-image: none !important;
}
#loginmodal #pills-tabContent
, #homeloginmodal #pills-tabContent {
	background: #fff;
	padding: 20px;
	border-radius: 20px;
	height: 500px;
	display: flex;
	align-items: center;
	justify-content: center;
}
#loginmodal .modal-content
, #homeloginmodal .modal-content {
	background: none;
	box-shadow: none;
	border: none;
}


.loginselect .pretext {
    margin-top: 30px !important;
}

.loginselect .posttext p {
	margin: -30px 0 30px ;
	background: #eee;
	padding: 10px;
	border-radius: 15px;
	font-size: 16px
}


.ownership-request h4 {
	font-size: 18px;
	line-height: 35px;
}
.page-info {
	background: none !important;
	padding: 20px 20px 0px !important;
}
.page-info .info-row {
	margin-bottom: 15px !important;
	border-bottom: 1px solid #eee;
	padding-bottom: 15px;
}
.page-info .info-row:last-child {
	border: none;
	margin-bottom: 5px !important;
}
.page-info .info-label {
	font-size: 16px;
}
.page-info .info-value {
	font-size: 16px;
}
.ownership-request p.mt-3 {
	font-size: 16px;
	font-weight: bold;
	text-align: justify;
	margin: 35px 0 !important;
}
.ownership-request p.mt-3:before {
	content: "";
	float: right;
	margin-top: 3px;
	margin-left: 3px;
	opacity: 0.6;
	width: 18px;
	height: 18px;
	background-image: url('/images/webdesign/info.png') !important;
	background-size: 18px !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;
}






.has-adverts {
	background: none;
	border: none
}
.showadvert-btn {
	display: block;
}


.logintonumber {
	background: none;
	border: none;
}
.numberinfo {
	text-align: center;
	font-size: 16px;
}
.numberinfo span {
	font-weight: bold;
	border-bottom: 1px dashed;
	letter-spacing: 2px !important;
	display: inline-block;
	margin: 0 5px;
}
.logintochange , .logintochange:focus {
	background: #8bc34a !important;
	border-radius: 10px;
	padding: 10px 25px !important;
	margin: 30px auto 0 !important;
	font-size: 16px !important;
}


#checking-message {
	text-align: center;
}
#checking-message span {
	font-size: 15px;
}


.special-details.free-advert .namebox .top {
	width: 100% !important;
	display: flex;
	flex-direction: row;
	align-items: center;
}
.special-details.free-advert .namebox .top .right {
	width: 50% !important;
	margin-bottom: 0 !important;
}
.special-details.free-advert .namebox .top .left .savefavbtns {
	display: flex;
	flex-direction: row;
}
.special-details.free-advert .namebox .middle {
	margin-top: 25px;
}
.special-details.free-advert .namebox .bottom {
	margin-bottom: 0px;
}
.special-details.free-advert .contactboxbtn {
	background: none !important;
	padding: 0 !important;
	height: unset;
}
.special-details.free-advert .title_top {
	display: flex;
	flex-direction: row;
}








.free-advert .claim {
	position: absolute;
	right: 0px;
	top: -40px;
}
.claimbtn {
	background: none !important;
	padding: 0px !important;
	font-size: 14px !important;
}
.claimdropdownbtn {
	font-size: 0;
}
.claimdropdownbtn:after {
	display: none;
}
.claimdropdownbtn:before {
	content: "";
	margin-right: -3px;
	float: right;
	margin-top: 0px;
	width: 28px;
	height: 28px;
	background-image: url('/images/webdesign/dots.png') !important;
	background-size: 28px !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;
}
.claimdropdown ul {
	/box-shadow: none;
	background: rgb(6 28 117) !important;
	min-width: unset !important;
	padding: 10px !important;
	border-radius: 5px;
	display: flex;
}
.claimdropdown .dropdown-menu {
	width: 152px !important;
	transform: translate(0px, 20px) !important;
	transition: unset !important;
}
.claimdropdown .dropdown-menu.show .claimbtn {
	color: #fff !important;
}
.claimdropdown .dropdown-menu.show {
	transform: translate(0px, 30px) !important;
	transition: 0.5 !important;
}




#copyToast {
	left: 20px;
	padding: 5px 20px !important;
}
#copyToast button {
	display: none;
}
#copyToast .toast-body {
	color: #fff !important;
	font-size: 14px;
}







#shareModal .modal-header {
	display: flex;
	align-content: space-between !important;
	justify-content: space-between;
	
}
#shareModal .modal-header button {
	margin: -15px 0 0 10px;
	opacity: 1;
	background-image: none !important;
	font-size: 0;
}
#shareModal .modal-header button:before {
	content: "";
	margin-right: -3px;
	float: right;
	margin-top: 0px;
	width: 20px;
	height: 20px;
	background-image: url('/images/webdesign/close.png') !important;
	background-size: 20px !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;
}
#shareModal .modal-footer {
	display: flex;
	justify-content: flex-start;
}
#shareModal #pageLink {
	text-align: left;
	border: none !important;
	/background: none !important;
}
#copyModalLink {
	background: #8bc34a !important;
	font-size: 14px;
	padding: 10px 15px !important;
	color: #fff !important;
}


.logintopinfo {
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
}
.logintopinfo:before {
	content: "";
	margin-right: -3px;
	float: right;
	margin-top: 20px;
	margin-bottom: 15px;
	width: 60px;
	height: 60px;
	background-image: url('/images/webdesign/otp.png') !important;
	background-size: 60px !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;
}




.emaillogintopinfo {
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
}




.loginnumberalert {
	background: #eee !important;
	border: none;
	font-size: 16px;
	text-align: center;
}
.loginnumberalert span {
	font-weight: bold;
	margin: 0 5px;
	letter-spacing: 2px;
	display: inline-block;
}


.notapprove {
	color: red !important;
	font-size: 16px;
	margin-bottom: 25px;
	margin-top: 15px;
}
.has-adverts .supportbtn {
	background: #f7f7f7 !important;
	border: none;
	font-size: 14px;
	padding: 15px 25px;
}







.step-item {
	position: relative;
	border: 1px solid #ddd;
	border-radius: 25px;
}
.step-item .item-overlay {
	padding: 0;
	background: none;
}
.step-item .item-title {
	color: #fff !important;
	font-size: 20px;
	display: inline-block;
	width: 100% !important;
	background: #00000059 !important;
	text-align: center;
	padding: 25px;
}


h3.catmod-title {
	margin: 50px 10px -20px !important;
}
.catmod-header {
	display: flex;
	margin-bottom: 50px;
	flex-direction: column;
	align-content: flex-start;
	align-items: flex-start;
}
.catmod-header h3 span {
	font-size: 24px;
	font-weight: normal;
	margin-right: 10px;
}
button.back-button {
	font-size: 18px;
	background: #eee !important;
	padding: 15px 25px !important;
	position: relative;
	margin-right: -10px;
	border-radius: 55px;
}
button.back-button span {
	font-size: 16px;
	margin-right: 10px;
}
button.back-button:before {
	content: "";
	margin-right: -3px;
	float: right;
	margin-top: 4px;
	margin-left: 5px;
	width: 20px;
	height: 20px;
	background-image: url('/images/webdesign/right-thin.png') !important;
	background-size: 20px !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;
}
#catmod-container .grid-container {
	padding: 0 !important;
}





#homemodalsearch.modal {
	z-index: 1;
}
.select2-container .select2-dropdown {
	width: 250px !important;
	margin-left: -4px;
}



.premium-items.emptylist {
	margin-bottom: 0;
}
.premium-items {
	margin-bottom: 50px;
}
.normal-items {
	margin-bottom: 50px;
}


.dj-items-rows {
	display: none !important;
}

.favoritelist .dj-items-rows {
    display: block !important;
}






.custom-login-modal.show {
	z-index: 0 !important;
}
.custom-login-modal.show .modal-oerlay{
	z-index: 0 !important;
}
.custom-modal-content {
	background: #fff !important;
	z-index: 0 !important;
}
.custom-login-modal .modal-container {
	background: #fff !important;
	z-index: 1050 !important;
	border-radius: 15px;
}
.custom-login-modal .modal-container .modal-footer {
	display: flex !important;
}
.custom-login-modal .modal-container .modal-footer button {
	background: #eee !important;
	border-radius: 10px;
	font-size: 15px !important;
	text-align: center;
	height: 60px !important;
	padding: 10px 20px !important;
	margin: 0 10px 0 0 !important;
}
.custom-login-modal .modal-container button.modal-close {
	font-size: 30px !important;
}
.custom-login-modal .modal-container .modal-footer button.saveloginbtn {
	background: #8bc34a !important;
	color: #fff !important;
}
.custom-login-modal .modal-container .modal-footer button.saveloginbtn:before {
	display: none;
}




.premium-items li {
	display: flex;
	margin-bottom: 30px;
	background: #eeeeee40;
	padding: 10px !important;
	border-radius: 15px;
	position: relative;
}
.premium-items li:last-child {
	border: none;
	padding-bottom: 0;
}

.premium-items li .has-entry {
	visibility: hidden;
	position: absolute;
}
.premium-items li .custom-premium-title {
	margin-bottom: 0;
}
.premium-items li .custom-premium-title h3 {
	margin-bottom: 0;
	font-size: 24px;
}
.premium-items li .premium-content {
	flex: 1;
	padding: 0 15px 0 5px;
}
.premium-items li .item_img_box {
	width: 250px !important;
}
.premium-items li .item_img_box img {
	border-radius: 10px;
}
.premium-items li .premium-content-bottom {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.premium-items li .premium-content-bottom .regionbox {
	display: flex;
	font-size: 14px !important;
	flex-direction: row;
	align-items: flex-end;
}
.premium-items li .premium-content-bottom .regionbox .same-region {
	font-size: 13px;
	background: #d1edff;
	padding: 0 10px;
	border-radius: 55px;
	margin-right: 10px;
}
.premium-items li.premium-profileregion .regiondata .mahalleh {
	display: none !important;
}


.premium-items li .fav_box {
	background: none;
	border: none;
}
.premium-items li .field_label {
	font-weight: normal !important;
}

.premium-items li .has-minorder {
	visibility: hidden;
	position: absolute;
}


.premium-content .ratebox.norate span.title {
	display: none;
}
.premium-content .ratebox {
	margin-bottom: 10px;
}



li .not-minorder span.field_label {
	visibility: hidden;
	position: absolute;
}
li .ratebox.norate .rate:before {
	margin-top: 1px;
	opacity: 0.3;
}
li .ratebox.norate .rate {
	font-size: 14px;
	font-weight: normal;
	background: #eeeeee4f;
	width: fit-content;
	border-radius: 55px;
	padding: 1px 5px 2px 9px;
}
li .ratebox.norate .rate span.title {
	display: none;
}

li .ratebox .rate {
	font-weight: bold;
	margin-bottom: 10px;
}
li .ratebox .rate .performance-good {
	font-weight: normal;
	margin-right: 10px;
	font-size: 14px;
	padding: 3px 10px;
	border-radius: 55px;
	background: #caffb8;
	color: #4caf50 !important;
}
li .ratebox .rate .performance-excellent {
	font-weight: normal;
	margin-right: 10px;
	font-size: 14px;
	padding: 3px 10px;
	border-radius: 55px;
	background: #caffb8;
	color: #4caf50 !important;
}
li .ratebox .rate span.title {
	font-weight: normal;
	margin-left: 5px;
}
li .ratebox .rate:before {
	content: "";
	display: inline-block;
	margin-left: 5px;
	float: right;
	vertical-align: -8px;
	background-repeat: no-repeat;
	background-image: url("/images/webdesign/star.png") !important;
	background-size: 18px !important;
	background-position: 0 4px;
	width: 20px;
	height: 22px;
}
li .not-minorder span.field_value {
	color: #16c31d !important;
	font-size: 15px;
	margin-right: 0px;
}
li .free-entry span {
	color: #16c31d !important;
	font-size: 15px;
}
li .free-salary span {
	color: #16c31d !important;
	font-size: 15px;
}
li .item_cf_box span.field_label {
	font-size: 14px;
	margin: 0 0 0px 2px !important;
	display: inline-block;
}
li .regionbox .mahalleh {
	margin-right: 5px;
}
li .regionbox .regiondata {
	display: flex;
}
li .regionbox .regiondata:before {
	content: "";
	opacity: 0.5;
	float: right;
	margin-top: 0px;
	width: 24px;
	height: 24px;
	background-image: url('/images/webdesign/map-pin.png') !important;
	background-size: 24px !important;
    background-repeat: no-repeat !important;
    background-position: 0px 1px !important;
}
.free-items li.is-profileregion .regionbox .regiondata:before {
	display: none !important;
}






.free-items li .ratebox .rate {
	background: none;
}
.free-items li .regionbox:before {
	background-size: 24px !important;
	background-position: 0px 1px !important;
	width: 20px;
}
.free-items li .ratebox .rate .performance-excellent {
	font-size: 12px;
}
.normal-items li {
	display: flex;
	margin-bottom: 30px;
	background: #eeeeee40;
	padding: 10px !important;
	border-radius: 15px;
	position: relative;
}
.normal-items li:last-child {
	border: none;
	padding-bottom: 0;
}
.normal-items li .has-entry {
	visibility: hidden;
	position: absolute;
}
.normal-items li .has-minorder {
	visibility: hidden;
	position: absolute;
}
.normal-items li .custom-normal-title {
	margin-bottom: 0;
}
.normal-items li .custom-normal-title h3 {
	margin-bottom: 0;
	font-size: 24px;
}
.normal-items li .normal-content {
	flex: 1;
	padding: 0 15px 0 0px;
	display: flex;
	flex-direction: column;
}
.normal-items li .item_img_box {
	width: 250px !important;
}
.normal-items li .item_img_box img {
	border-radius: 10px;
}
.normal-items li .normal-content-bottom {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-top: auto;
}
.normal-items li .normal-content-bottom .regionbox {
	display: flex;
	font-size: 14px !important;
	flex-direction: row;
	align-items: flex-end;
}
.normal-items li.normal-profileregion .regionbox {
	transform: translateY(-5px);
}
.normal-items li .normal-content-bottom .regionbox .same-region {
	font-size: 13px;
	background: #d1edff;
	padding: 0 5px;
	border-radius: 5px;
	margin-right: 5px;
}
.normal-items li .fav_box {
	background: none;
	border: none;
}

.normal-items li span.field_label {
	font-weight: normal;
}


.fav_box {
	padding: 0 !important;
	margin: 0 !important;
}







.fav_not_saved .fav-icon {
	display: none;
}
.fav_box span {
	font-size: 0 !important;
}
.fav_not_saved:before {
	content: "";
	float: right;
	display: block;
	background-repeat: no-repeat;
	background-image: url("/images/webdesign/bookmark.png") !important;
	background-size: 28px !important;
	background-position: 0 0;
	width: 28px;
	height: 28px;
}

.fav_saved .fav-icon {
	display: none;
}
.fav_saved span.save-text {
	font-size: 0 !important;
}
.fav_saved:before {
	content: "";
	float: right;
	display: block;
	background-repeat: no-repeat;
	background-image: url("/images/webdesign/bookmarked.png") !important;
	background-size: 28px !important;
	background-position: 0 0;
	width: 28px;
	height: 28px;
}

.premium-items .maintitle {
    background: linear-gradient(to right, #F44336, #FFC107);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 25px;
    margin-top: 0px;
}
.premium-items .maintitle:before {
	content: "";
	float: right;
	display: block;
	margin-left: 3px;
	background-repeat: no-repeat;
	background-image: url("/images/webdesign/premium.png") !important;
	background-size: 32px !important;
	background-position: 0 0 ;
	width: 32px;
	height: 32px;
}




.normal-items .maintitle {
	color: #444 !important;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 25px;
    margin-top: 10px;
}
.normal-items .maintitle:before {
	content: "";
	filter: grayscale(100%);
	float: right;
	display: block;
	margin-left: 3px;
	background-repeat: no-repeat;
	background-image: url("/images/webdesign/premium.png") !important;
	background-size: 32px !important;
	background-position: 0 0 ;
	width: 32px;
	height: 32px;
}



.custom-modal-content p {
	text-align: justify;
	font-size: 15px !important;
	margin-top: 20px;
}
.custom-modal-buttons {
	display: flex;
	justify-content: flex-end !important;
}
.custom-modal-buttons button {
	background: #f5f5f5 !important;
	 padding: 10px !important;
	font-size: 15px !important;
	min-width: 70px;
}
.custom-modal-buttons button.saveloginbtn {
	background: #d5ffa4 !important;
}




.itemname h3 a {
	display: flex;
	justify-content: space-between;
}
.itemname span.user-groupname {
	font-size: 15px !important;
	margin-left: 10px;
	font-size: 15px !important;
	transform: translateY(2px);
}



.normal-items .itemname span.user-groupname
, .premium-items .itemname span.user-groupname {
	font-size: 15px !important;
	box-shadow: -10px 10px 20px -15px #444;
	margin-left: 10px;
	font-size: 16px !important;
	position: absolute;
	border-radius: 10px 5px 0px 10px;
	right: -15px;
	top: 20px;
	background: #ffc107;
	padding: 5px 15px 5px 18px;
	/width: 90px;
	text-align: center;
	z-index: 0;
	justify-content: center;
	color: #000 !important;
}
.normal-items .itemname span.user-groupname:after
, .premium-items .itemname span.user-groupname:after {
	content: "";
	float: right;
	display: block !important;
	background-repeat: no-repeat;
	background-image: url(/images/webdesign/triangle2.png) !important;
	background-size: 10px !important;
	background-position: 0 0;
	width: 10px;
	height: 10px;
	transform: translateY(34px) translateX(14.5px) rotate(180deg) ;
	opacity: 0.2;
}
.premium-items .itemname span.user-groupname:after {
	transform: translateY(34px) translateX(14.5px) rotate(180deg) ;
}















.no-filtered-items {
    display: none;
}





.sortbox {
    display: none !important;
}


.filter-items button {
	font-size: 14px;
	margin-left: 5px;
}


.filter-items button.active {
	background: #fff;
	border: 1px solid #8bc34a !important;
	border-radius: 55px;
	font-size: 14px;
	margin-left: 5px;
	padding: 3px 10px 3px 14px !important;
	display: flex;
	align-items: center;
}
.filter-items button.active span {
	margin-right: 9px;
	border-radius: 55px;
	margin-left: -4px;
	font-size: 18px;
}



.listpage .astroid-component-section {
	width: 70%;
	margin: auto;
	padding: 20px 0;
}

.listpage .seosection {
	width: 70%;
	margin: auto;
}



#load-more-items {
	background: #cbff97 !important;
	margin-top: 20px;
	width: 150px;
	text-align: center;
	font-size: 16px !important;
	margin-right: calc(50% - 75px);
	padding: 15px !important;
	border-radius: 10px;
}


#astroid-backtotop {
	background: #ccc !important;
	padding: 15px !important;
	opacity: 0.5;
	z-index: 1023;
}








.filter-items {
	display: flex;
	align-items: center;
	overflow-x: auto; 
	scrollbar-width: thin;
	white-space: nowrap;
	padding-bottom: 15px;
}
.activebtns-counter {
	font-size: 13px;
	background: #fff;
	border: 1px solid #8bc34a;
	border-radius: 55px;
	padding: 3px 15px 3px 10px !important;
	margin-left: 5px;
	display: flex;
	align-items: center;
	align-content: center;
	flex-direction: row;
	display:none;
}
.activebtns-counter.hasfilter {
	display: flex !important;
}
.activebtns-counter span.count {
	display: inline-flex;
	text-align: center;
	width: 15px;
	justify-content: center;
	font-size: 16px;
	font-weight: bold;
	transform: translateY(1px);
    margin-right: 5px;
    margin-left: -4px;
}
.activebtns-counter span.clear-filters {
	background: #fff;
	padding: 0 8px;
	margin-left: -6px;
	border-radius: 55px;
	display: inline-block;
	font-size: 18px;
	vertical-align: -2px;
}
.activebtns-counter:before {
	content: "";
	margin-left: 5px;
	float: right;
	margin-top: 5px;
	width: 16px;
	height: 16px;
	background-image: url('/images/webdesign/filter.png') !important;
	background-size: 16px !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;
}




.dj-items-table-smart {
	display: none;
}



.filter-container.no-items {
	display: none;
}

.filter-titlebox {
	margin-bottom: 10px;
	font-weight: bold;
}

.filter-items {
    display: flex;
	background: #e7e7e780;
	padding: 15px;
	border-radius: 55px 10px 55px 55px;
	margin-bottom: 20px;
}
.filter-items button {
	background: #fff !important;
	border-radius: 55px;
	padding: 5px 15px !important;
	margin-left: 10px;
}

.activebtns-counter {
    order: -1000; 
}

.filter-btn {
    order: 100; 
    transition: all 0.3s ease; 
}

.filter-btn.active {
    order: 0; 
}








.premium-items.emptylist .maintitle {
	display: none;
}


.emptybox {
	display: none;
	background: #f7f7f752 !important;
	padding: 15px 15px 20px;
	border-radius: 15px;
}
.emptyitemslist .emptybox {
	display: block;
	
}
.emptybox .top {
	display: flex;
	gap: 15px;
	align-items: center;
	margin-bottom: 20px;
}

.emptyimage img {
	width: 90px;
}

.emptytext span {
	font-weight: bold;
	padding: 3px;
	margin: 0 2px;
	border-radius: 5px;
}
.emptytext {
	font-size: 16px;
	line-height: 35px;
	color: #888 !important;
}
.emptysuggest {
	display: flex;
	gap: 15px;
	align-items: center;
}
.emptysuggest .emptysuggesttitle {
	font-size: 16px;
}
.emptysuggest ul {
	display: flex;
	gap: 15px;
}
.emptysuggest ul li a {
	background: #f1ffdb;
	padding: 5px 10px;
	border-radius: 5px;
	font-size: 15px;
}
.emptysuggest ul li.no-link {
	display: none;
}



.emptybox {
    display: none !important;
}

.emptybox.moved-to-top {
    /display: block !important;
    margin-bottom: 40px;
}











.normal-items.emptylist .maintitle {
	display: none;
}
.emptyboth #only-image-filter {
	display: none !important;
}
.emptyboth #filter-photographer {
	display: none;
}

.premium-items .afterspecial {
    display: none;
}
.premium-items:not(.emptylist) .afterspecial {
    display: block;
}



.breadcrumb-box {
	margin-top: 20px !important;
	padding-right: 50px;
}

 





.registration-steps {
	width: 80%;
	margin: 30px auto;
}
.registration-header {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	align-items: center;
}
.registration-header img {
	width: 180px;
}
.registration-header .menu .registrationmenubtn {
	font-size: 0;
}
.registration-header .menu .registrationmenubtn:after {
	display: none;
}
.registrationdropdown ul.dropdown-menu {
	border-radius: 0 15px 15px 15px !important;
	background: #fff;
	width: 170px !important;
	min-width: unset;
	margin-top: 0px !important;
	border: 1px solid #eee !important;
	padding: 15px 15px 5px !important;
	box-shadow: 0px 0px 50px #44444442;
}
.registrationdropdown ul.dropdown-menu li {
	margin-bottom: 10px;
}
.registration-header .menu .registrationmenubtn:before {
	content: "";
	margin-right: -3px;
	float: right;
	margin-top: 0px;
	width: 28px;
	height: 28px;
	background-image: url('/images/webdesign/dots.png') !important;
	background-size: 28px !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;
}
.registration-steps .toplogo {
	display: flex;
	flex-direction: row-reverse;
	justify-content: flex-end;
	align-items: center;
	color: #ff5722 !important;
	margin-bottom: -20px;
}
.registration-steps .toplogo img {
	width: 100px;
	margin-left: 10px;
	transform: translateY(-5px);
}
.registration-steps .stepstop {
	display: flex;
	flex-direction: row-reverse;
	justify-content: flex-end;
	align-items: center;
	margin-top: 30px;
}
.registration-steps .welcome {
	font-weight: bold;
	font-size: 24px;
	color: #717171 !important;
}

.registration-steps .stepsbox {
	display: flex;
	background: #f9f9f975;
	border-radius: 20px;
	padding: 30px 50px;
	justify-content: space-between;
	margin-top: 40px;
	border: 1px solid #444;
}
.registration-steps .step {
	display: flex;
	align-items: center;
	opacity: 0.3;
}

.registration-steps .step-number {
	font-size: 24px;
	background: #eee;
	width: 35px;
	height: 35px;
	padding-top: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 55px;
	margin-left: 10px;
}
.registration-steps .step-title {
	font-size: 14px;
	display: none;
}
.registration-step1-alias .registration-steps .step-one {
	opacity: 1;
}
.registration-step2-alias .registration-steps .step-two {
	opacity: 1;
}
.registration-step3-alias .registration-steps .step-three {
	opacity: 1;
}
.registration-step4-alias .registration-steps .step-four {
	opacity: 1;
}
.registration-step2-alias .registration-steps .step-one
, .registration-step3-alias .registration-steps .step-two
, .registration-step3-alias .registration-steps .step-one
, .registration-step4-alias .registration-steps .step-one
, .registration-step4-alias .registration-steps .step-two
, .registration-step4-alias .registration-steps .step-three {
	opacity: 1;
}
.registration-step2-alias .registration-steps .step-one .step-title
, .registration-step3-alias .registration-steps .step-two .step-title
, .registration-step3-alias .registration-steps .step-one .step-title
, .registration-step4-alias .registration-steps .step-one .step-title
, .registration-step4-alias .registration-steps .step-two .step-title
, .registration-step4-alias .registration-steps .step-three .step-title
, .registration-step4-alias .registration-steps .step-four .step-title {
	color: #8bc34a !important;
}
.registration-step2-alias .registration-steps .step-one .step-desc
, .registration-step3-alias .registration-steps .step-two .step-desc
, .registration-step3-alias .registration-steps .step-one .step-desc
, .registration-step4-alias .registration-steps .step-one .step-desc
, .registration-step4-alias .registration-steps .step-two .step-desc
, .registration-step4-alias .registration-steps .step-three .step-desc
, .registration-step4-alias .registration-steps .step-four .step-desc {
	color: #8bc34a !important;
}



.registration-step2-alias .step-one .step-number
, .registration-step3-alias .step-two .step-number
, .registration-step3-alias .step-one .step-number
, .registration-step4-alias .step-one .step-number
, .registration-step4-alias .step-two .step-number 
, .registration-step4-alias .step-three .step-number 
, .registration-step4-alias .step-four .step-number {
	font-size: 0px;
	background-repeat: no-repeat;
	background-image: url("/images/webdesign/check.png") !important;
	background-size: 42px ;
	background-position: 0 0;
	width: 42px;
	height: 42px;
}
.registration-step1-alias .step-one .step-number
,.registration-step2-alias .step-two .step-number
,.registration-step3-alias .step-three .step-number {
	background: #d1ff9b !important;
	color: #fff !important;
}


.namesarech {
	display: flex;
	margin-top: 30px;
	width: 100%;
	margin-bottom: 30px
}
.changeadminbtn  {
	background: #eee !important;
	width: fit-content;
	font-size: 14px;
	padding: 10px !important;
}
.namesarech .moduletable {
	width: 100%;
	padding: 0 !important;
}
.namesarech .itemsearch-module {
	width: 100% !important;
	max-width: unset;
	border: 1px solid #ccc;
    padding: 20px 20px 10px;
    border-radius: 15px;
}
.itemsearch-module .result {
	margin-top: -120px;
	width: 100%;
	z-index: 2 !important;
	position: relative;
	box-shadow: none;
	border: 1px solid #dddddd;
}

.itemsearch-module span.count-text {
	font-size: 14px;
}

.itemsearch-module .results-count button {
	font-size: 14px;
	background-color: #6c757d ;
	padding: 5px 15px !important;
	color: #444 !important;
}
.itemsearch-module .count-text {
	font-size: 16px;
	font-weight: normal;
}
.itemsearch-module .search-status {
	margin-top: -15px;
	background: none;
	border: none;
}
.itemsearch-module .extra-count {
	margin-left: 10px;
	font-style: normal;
}
.itemsearch-module .search-status span {
	font-size: 16px;
}
.itemsearch-module .search-status button {
	background: #eee !important;
	font-size: 14px;
	margin-right: 10px;
}
.namesearchoffcanvas {
	min-width: 300px;
	width: 600px;
	margin: auto;
	min-height: 50%;
	height: 100% !important;
	border-top: none !important;
}
.namesearchoffcanvas .offcanvas-header {
	display: flex !important;
	justify-content: space-between;
}




.registration-step3-alias #userForm {
	margin: -160px auto 0 !important;
	width: 70%;
}
.registration-step1-alias .maintext-steptwo {
	display: none;
}
.registration-step2-alias .maintext-stepone {
	display: none;
}
.registration-step3-alias .maintext-stepone
,.registration-step3-alias .maintext-steptwo {
	display: none;
}
.register-steps .maintextbox {
	margin-top: 50px;
	padding: 25px;
	position: relative;
}
.maintext-stepone {
	display: flex;
    flex-direction: column;
    align-items: right;
}
.register-steps .maintextbox p {
	font-size: 16px;
	text-align: center;
	line-height: 35px;
}

.register-steps .maintextbox span.first {
	font-size: 70px;
	opacity: 0.3;
	display: inline-block;
	transform: translateY(10px);
	font-weight: bold;
	color: #fff !important;
	letter-spacing: -4px !important;
	text-shadow: 
    -1px -1px 0 #27272721,  
     1px -1px 0 #27272721,
    -1px  1px 0 #27272721,
     1px  1px 0 #27272721;
}



.maintext-stepone img {
	border: 1px solid #ddd;
	border-radius: 15px;
}


.changeadminoffcanvas {
	min-width: 300px;
	width: 600px;
	margin: auto;
	min-height: 50%;
	height: 100% !important;
	border-top: none !important;
}
.changeadminoffcanvas .offcanvas-header {
	display: flex !important;
	justify-content: space-between;
}
.changeadminoffcanvas .offcanvas-body {
	padding: 30px;
}
.changeadminoffcanvas .offcanvas-body .image {
	text-align: center;
	margin-bottom: 20px;
}
.main-stepone-btns {
	display: flex;
	justify-content: space-between;
}
.main-stepone-btns button , .main-stepone-btns button:focus {
	width: 45% !important;
	background: #f0ffd9 !important;
	padding: 25px 0 !important;
	width: fit-content;
	font-size: 14px;
}
.search-hints span {
	margin-right: 10px;
}
.search-form button {
	background: #deffc0 !important;
	width: 20%;
	text-align: center;
}
.search-form input {
	width: 80%;
}


.result-item {
	display: flex;
	position: relative;
	align-items: center;
}
.result-item a {
	background: #eee;
	font-size: 12px !important;
	padding: 5px !important;
	position: absolute;
	left: 15px;
}
.result-item span.expired-btn {
	background: #f5f5f5;
	font-size: 12px !important;
	padding: 5px !important;
	position: absolute;
	left: 15px;
	color: #888888b5 !important;
}
.result-item a:before {
	display: none !important;
}
.result-item .item-region {
	background: none;
}
.result-item .item-category {
	background: none;
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
}
.result-item .item-details {
	margin: 0 15px 0;
	position: absolute;
	left: 70px;
	flex-direction: row-reverse;
}
.result-item .item-name {
	margin: 0;
	font-weight: normal;
}







#checkLoginBtn {
	background: #cdff92 !important;
	font-size: 14px !important;
	padding: 12px 20px !important;
}

.user-has-advert:before {
	content: "";
	margin-bottom: 20px;
	margin-top: 20px;
	display: block;
	margin-right: calc(50% - 35px);
	background-repeat: no-repeat;
	background-image: url("/images/webdesign/attention.png") !important;
	background-size: 70px !important;
	background-position: 0 0;
	width: 70px;
	height: 70px;
}



.go-step2-info {
	margin-top: 40px;
}
.go-step2-info .text {
	margin-bottom: 30px;
}
.go-step2-info a {
	background: #8bc34a;
	padding: 10px 20px;
	border-radius: 10px;
	color: #fff !important;
}




.dashboard-continue {
	margin-top: 15px;
}
.dashboard-continue a {
	background: #f2f2f2 !important;
	margin: 0 10px;
	width: 150px;
	font-size: 14px;
	border: none;
	padding: 10px;
}
.dashboard-continue a.dashbtn {
	background: #ffd764 !important;
	color: #000 !important;
}









.registration-step3-alias .maintext-steptwo
, .registration-step3-alias .maintext-stepone
, .registration-step3-alias .maintext-stepfour 
, .registration-step2-alias .maintext-stepfour
, .registration-step1-alias .maintext-stepfour {
	display: none;
}

.registration-step4-alias .maintext-steptwo
, .registration-step4-alias .maintext-stepone {
	display: none;
}
.maintext-stepfour .title {
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	color: #8bc34a !important;
	margin-bottom: 20px;
}
.maintext-stepfour span.first {
	text-align: center !important;
	display: block;
	position: absolute;
	right: calc(50% - 80px);
	top: 0;
}
.maintext-stepfour .go-premium {
	font-weight: bold;
}
.maintext-stepfour .stepfourbtns {
	display: flex;
	justify-content: center;
	gap: 10px;
}
.maintext-stepfour .stepfourbtns a {
	background: #8bc34a;
	padding: 10px;
	width: 150px;
	text-align: center;
	border-radius: 55px;
	color: #fff !important;
}
.maintext-stepfour .stepfourbtns a.backtosite {
	background: #eee;
	color: #444 !important;
}

.registration-step4-alias .stepstop .welcome
,.registration-step3-alias .stepstop .welcome
,.registration-step2-alias .stepstop .welcome {
	display: none;
}


 


.dj-slides {
	z-index: 0 !important;
}
.item_cf_box.akkasi_salary_con.has-salary {
	display: none;
}




.hometopbox .topheader .right .homecanvasmenu p {
	margin-bottom: 0;
}
.hometopbox .topheader .right {
    display: flex;
    align-items: center;
}
.hometopbox .topheader .right .homecanvasmenu .homecanvasmenubtn  {
	content: "";
	float: right;
	margin-left: 10px;
	margin-top: 0px;
	width: 40px;
	height: 40px;
	background-image: url('/images/webdesign/menu-white.png') !important;
	background-size: 40px !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;
	font-size: 0;
}
.hometopbox .topheader .right .homeheaderlogo img {
	width: 170px;
	height: auto;
}
.hometopbox .topheader .right .hometoptextrotate span {
	color: #fff !important;
	font-weight: normal;
}
.hometopbox .topheader .right .text-rotator h2 {
	font-size: 20px;
}



.newhometop .topheader .right .homecanvasmenu .homecanvasmenubtn  {
	background-image: url('/images/webdesign/menu-black.png') !important;
}



.newtopcontent .topsearch {
	margin-top: -5px;
}
.newhometop .topsearch .homemodalsearchbtn {
	background: #f5f5f5 !important;
	border: 1px solid #eee !important;
	width: 600px !important;
	height: 55px;
	border-radius: 55px;
	font-size: 18px;
	padding-right: 20px !important;
	display: flex;
	align-items: center;
	font-weight: bold;
	z-index: 0 !important;
	position: relative;
}
.newhometop .homemodalsearchbtn img {
	width: 80px;
	transform: translateY(1px);
}

.newhometop .topsearch .homemodalsearchbtn:before {
	content: "";
	float: right;
	margin-left: 0px;
	margin-top: 0px;
	width: 28px;
	height: 28px;
	background-image: url('/images/webdesign/search.png') !important;
	background-size: 28px !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;
}
.newhometop .dropdownprofilebtn {
	background: #ff7200 !important;
}
.newhometop .topheader {
	position: relative;
}
.newtopcontent {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.newtopimage .moduletable {
	display: flex;
	justify-content: center;
}
.newtopcontent .carousel {
	width: 700px;
	max-width: 90%;
	margin: 20px auto 0;
}
.newtopcontent .slide-head h1 {
	font-size: 24px;
	margin-bottom: 25px;
}
.newtopcontent .slide-desc h2 {
	font-size: 18px;
	font-weight: normal;
}
.newtopimage .textslide {
	display: flex;
	flex-direction: column;
	align-items: center;
}








.carousel-item h1 {
  opacity: 0;
  transform: translateY(-15px);
  transition: all 0.4s ease-in-out;
}

.carousel-item h2 {
  opacity: 0;
  transform: translateY(10px);
  transition: all 0.3s ease-in-out;
}

.carousel-item.active h1 {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.1s;
}

.carousel-item.active h2 {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.7s; 
}

.carousel-item.carousel-item-start h1,
.carousel-item.carousel-item-end h1, {
  opacity: 0;
  transform: translateY(0px);
  transition-delay: 0s; 
}

.carousel-item.carousel-item-start h2 {
  opacity: 0;
  transform: translateY(10px);
  transition-delay: 0.7s; 
}
.carousel-item.carousel-item-end h2 {
  opacity: 0;
  transform: translateY(10px);
  transition-delay: 0.5s; 
}










.ads-slider .dj-mslider-in {
	position: relative !important;
	z-index: 0 !important;
}
.ads-slider .dj-indicators {
	bottom: 20px !important;
	display: flex;
	justify-content: center;
}
.ads-slider .dj-indicators-in {
	background: #88888840 !important;
	padding: 4px 15px 0px 15px !important;
	width: fit-content !important;
	border-radius: 55px;
}
.ads-slider .dj-indicators-in a {
	width: 20px !important;
}
.ads-slider .dj-navigation a.dj-prev {
	left: 40px !important;
	bottom: 40px !important;
	top: unset !important;
}
.ads-slider .dj-navigation a.dj-next {
	right: unset !important;
	left: 100px !important;
	bottom: 40px !important;
	top: unset !important;
}






.homeoffcanvasmenu {
	width: 275px !important;
	margin-top: 10px;
	margin-bottom: 10px;
	border-radius: 15px 0 0 15px;
}
.homecanvasclose {
	content: "";
	opacity: 1 !important;
	width: 36px;
	height: 36px;
	background-image: url('/images/webdesign/cancel.png') !important;
	background-size: 36px !important;
	background-repeat: no-repeat !important;
	position: absolute;
	left: 10px;
	top: 20px;
} 

.homeoffcanvasmenu .canvaslogo {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 20px 0 35px;
}
.homeoffcanvasmenu .canvaslogo img {
	width: 150px !important;
}
.homeoffcanvasmenu .canvaslogo .logo-desc {
	color: #ff7200 !important;
	font-size: 14px;
}
.homeoffcanvasmenu .canvaslinks {
	width: 90%;
	margin: auto;
}
.homeoffcanvasmenu .canvaslinks a {
	font-weight: bold;
	font-size: 14px;
}
.homeoffcanvasmenu .canvaslinks img {
	width: 38px;
	margin-left: 10px;
}
.homeoffcanvasmenu .canvaslinks .link {
	margin-bottom: 20px;
}
.homeoffcanvasmenu .canvaslinks .contact {
	border-top: 1px solid #ccc;
	padding-top: 15px;
}





.homecanvassearch {
	height: 100% !important;
	border-top: none !important;
}
.homecanvassearch .offcanvas-body {
	padding-top: 50px;
}

.newhometop .homecanvassearchbtn img {
	filter: grayscale(100%);
	width: 65px !important;
	margin-right: 5px;
	opacity: 0.7;
	transform: translateY(1px);
}

.newhometop .topsearch .homecanvassearchbtn:after {
	content: "";
	position: absolute;
	left: 15px;
	margin-left: 0px;
	margin-top: 0px;
	width: 28px;
	height: 28px;
	background-image: url('/images/webdesign/axit-icon.png') !important;
	background-size: 28px !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;
}

.homecanvassearchbtn {
	background: #f5f5f5 !important;
	border: 1px solid #eee !important;
	width: 600px !important;
	height: 55px;
	border-radius: 55px;
	font-size: 18px;
	padding-right: 20px !important;
	display: flex;
	align-items: center;
	font-weight: bold;
	z-index: 0 !important;
	position: relative;
	margin-top: 30px;
}
.newhometop .topsearch .homecanvassearch {
	height: auto !important;
	min-height: calc(100% - 250px);
	min-width: 300px;
	width: 600px;
	margin: auto;
	/min-height: 50%;
	/height: 100% !important;
	border-top: none !important;
}

.offcanvas {
    transition: transform .3s ease-in-out !important;
}









.topcats {
	margin-top: 20px; 
}
.topcats .items {
	display: flex;
	justify-content: space-between;
	gap: 15px;
}
.topcats .boxtitle {
	display: none;
	font-weight: normal;
}





.topcats .item {
	position: relative !important;
	/background: #f9f9f97d;
	display: flex;
	flex-direction: column;
	align-items: center;
	/border-radius: 10px;
	padding: 0px 10px 0;
}
.topcats .item img {
	width: 60px;
}
.topcats .itemtitle h2 {
	text-align: center;
	margin-top: -30px;
	margin-bottom: 0px;
}
.topcats .itemtitle h2 a {
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	color: #888 !important;
	display: flex;
	align-items: center;
	justify-content: center;
}
.topcats .itemtitle h2 a:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
}















/*

.topcats .item {
	position: relative;
	width: 100px;
	height: 50px
}
.topcats .item img {
	border-radius: 100%;
	display: none;
}
.topcats .itemtitle h2 {
	text-align: center;
	margin-top: 10px;
}
.topcats .itemtitle h2 a {
	font-size: 13px;
	font-weight: normal;
	position: absolute;
	text-align: center;
	width: 80px;
	height: 30px;
	color: #888 !important;
	top: calc(50% - 15px);
	right: calc(50% - 40px);
	display: flex;
	align-items: center;
	justify-content: center;
}
.topcats .item-image-overlay {
	background: #eee;
	position: absolute;
	top: 0;

	right: 0;
	width: 100%;
	height: 100%;
	border-radius: 150px;
}
*/











.catsuggestbox ul {
	display: flex;
	margin: 20px 0 13px !important;
	gap: 15px;
	padding-right: 20px !important;
}
.catsuggestbox .scrollable-list {
	margin-right: 0 !important;
}
.catsuggestbox ul li a {
	padding: 15px 5px;
	border-radius: 5px;
	font-size: 14px;
}
.catsuggestbox ul li.active a {
	padding: 15px;
	background: #444 !important;
	/border: 1px solid #f3f3f3;
	border-radius: 25px 25px 0px 0px;
	transition: 0.3s !important;
	color: #fff !important;
}
.catsuggestbox.scrolled ul li.active a  {
	border-radius: 155px 155px 155px 155px !important;
	padding: 10px 10px 10px 10px;
	transition: 0.3s !important;
}




.maincat-menu .emptybox {
	display: none !important;
}


.maincat-menu .customlistitems-main {
	display: none;
}
 


.axitinfo {
	background: rgb(115 182 255);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
}
.axitinfo p {
	color: #fff !important;
	font-size: 14px;
	margin: 0;
}



.addnewadvertiser {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 15px;
	
}
.addnewadvertiser a {
	background: rgb(44 46 54 / 5%);
	padding: 10px 15px !important;
	border-radius: 55px;
	color: #000 !important;
	font-size: 14px;
}

.addnewadvertiser a:after {
	content: "";
	float: right;
	display: block;
	margin-left: 5px;
	margin-top: 5px;
	background-repeat: no-repeat;
	background-image: url("/images/webdesign/axit-add.png") !important;
	background-size: 20px !important;
	background-position: 0 0px ;
	width: 20px;
	height: 20px;
}









.mod-photo-request {
	width: 500px;
	border: 1px solid #ccc;
	padding: 30px;
	border-radius: 25px 5px 25px 25px;
	min-height: 300px;
	margin: 0 auto 200px;
	min-height: auto;
	position: relative;
}





.mod-photo-request .package:hover {
	cursor: pointer;
}
.mod-photo-request .package {
	border: 1px solid #ccc !important;
	margin: 10px;
	border-radius: 5px !important;
	padding: 15px 15px !important;
	box-shadow: 0px 0px 4px #547d4ac4;
}
.mod-photo-request .package.selected {
	border: 1px solid #4b0096 !important;
	border-radius: 10px 0 0 10px !important;
	background: #f5f5f5 !important;
}




.step .calendar-day {
	display: flex;
	justify-content: center;
	align-items: center;
}
.step .calendar-day.disabled {
	color: #ccc !important;
}
.step .calendar-day.today {
	border: 1px solid #eaeaea !important;
	font-weight: normal !important;
}
.step .calendar-day.selected {
	background: #8bc34a;
	border-radius: 555px;
	color: #fff !important;
	font-size: 18px;
}
 

.weekdaysname {
	background: #eee;
	border-radius: 10px;
}
.weekdaysname .dayname {
	display: flex !important;
	justify-content: center;
	font-weight: bold;
}
.latlonginfo {
	visibility: hidden;
	position: absolute;
}




.step-4 .location-btn.selected {
	border: 1px solid #6c5ce7 !important;
	color: #6c5ce7 !important;
	position: relative;
}



.mod-photo-request button:hover {
	cursor: pointer;
}
.mod-photo-request button {
	border: 1px solid #ccc !important;
	margin: 10px;
	border-radius: 5px !important;
	padding: 0px !important;
	transition: 0.5s;
	display: flex;
    justify-content: center;
    align-items: center;
}
.mod-photo-request button.selected {
	border-radius: 15px 0 0 5px !important;
	border: 2px solid #6c5ce7 !important;
	color: #6c5ce7 !important;
	position: relative;
	font-weight: bold;	
	transition: 0.5s;
}
.mod-photo-request button.selected::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0px;
  width: 4px; 
  border-radius: 100px;
  height: 100%;
  background: linear-gradient(
    to bottom,
    #2fb67d 16.66%,
    #1f6fff 16.66%,
    #1f6fff 33.33%,
    #38c4f2 33.33%,
    #38c4f2 50%,
    #4b0096 50%,
    #4b0096 66.66%,
    #e11f59 66.66%,
    #e11f59 83.33%,
    #ffbb00 83.33%
  );
}


.mod-photo-request .package {
	border-radius: 0;
	transition: 0.5s;
}
.mod-photo-request .package.selected {
	position: relative;
	background: none;
	border-radius: 10px 0 0 10px;
	border-right: 1px solid #fff !important;
	transition: 0.5s;
}
.mod-photo-request .package.selected::after {
  content: "";
  transition: 0.5s;
  position: absolute;
  top: 0;
  right: -2px;
  width: 4px; 
  border-radius: 100px;
  height: 100%;
  background: linear-gradient(
    to bottom,
    #2fb67d 16.66%,
    #1f6fff 16.66%,
    #1f6fff 33.33%,
    #38c4f2 33.33%,
    #38c4f2 50%,
    #4b0096 50%,
    #4b0096 66.66%,
    #e11f59 66.66%,
    #e11f59 83.33%,
    #ffbb00 83.33%
  );
}
.mod-photo-request .location-item.selected::after {
  content: "";
  transition: 0.5s;
  position: absolute;
  top: 0;
  right: -2px;
  width: 6px; 
  border-radius: 100px;
  height: 100%;
  background: linear-gradient(
    to bottom,
    #2fb67d 16.66%,
    #1f6fff 16.66%,
    #1f6fff 33.33%,
    #38c4f2 33.33%,
    #38c4f2 50%,
    #4b0096 50%,
    #4b0096 66.66%,
    #e11f59 66.66%,
    #e11f59 83.33%,
    #ffbb00 83.33%
  );
}
.mod-photo-request .location-item.selected {
	border: 2px solid #888;
	border-right: none;
	border-radius: 10px 0 0 10px !important;
	box-shadow: none;
	background: #fff;
}
.category-options {
    display: flex;
    gap: 0px;
    margin-bottom: 100px !important;
    justify-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}
.category-options button {
	width: 45%;
}
.subcategory-options
,.city-options {
    display: flex;
    gap: 0px;
    margin-bottom: 100px !important;
    justify-items: end;
    flex-wrap: wrap;
    justify-content: center;
}
.dayselecttitle {
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 20px;
}
.subcategory-options .category-btn
,.category-options button
,.city-options button {
  padding: 10px 35px !important;
  border: 1px solid #ccc;
  border-radius: 8px;
  background: #f8f8f8;
  cursor: pointer;
  font-size: 14px;
  height: 70px !important;
}
.city-options button {
    width: 45%;
	display: flex;
    flex-direction: column;
    justify-content: center !important;
}
.area-options button {
   width: 45%;
   padding: 10px 35px !important;
   border: 1px solid #ccc;
   border-radius: 8px;
   background: #f8f8f8;
   cursor: pointer;
   font-size: 14px;
   height: 70px !important;
}
#map-section {
	margin-top: -50px !important;
	margin-bottom: 70px !important;
}

.location-options {
	display: flex;
	justify-content: space-between;
	margin-bottom: 80px;
}
.location-options button {
	width: 45%;
	margin: 5px;
	height: 70px;
	font-size: 14px !important;
	display: flex;
	justify-content: center !important;
}

.location-describe {
	margin-bottom: 70px !important;
}
.package-options {
	margin-bottom: 80px !important;
	margin-top: 0px !important;
}


/*
.actionbtns .back-btn:before {
	content: "";
	margin-left: 5px;
	float: right;
	margin-top: 6px;
	width: 15px;
	height: 15px;
	background: #fff;
	border-radius: 5px;
	background-image: url('/images/webdesign/right-thin.png') !important;
	background-size: 15px !important;
    background-repeat: no-repeat !important;
    background-position: 1px 0px !important;
}
*/


.next-order-number {
	text-align: left;
	opacity: 0.5;
	font-weight: normal !important;
	padding-left: 20px;
	margin-top: 23px !important;
	visibility: hidden;
	position: absolute;
}
.photo-request-form .step {
	margin-top: 30px;
}

.photo-request-form .step h4 {
	position: absolute;
	top: 33px;
	right: 40px;
	font-size: 16px;
}
.photo-request-form .step-1 h4 {
	right: 40px !important;
}


.photo-request-form .actionbtns {
	text-align: center;
	margin-bottom: -30px;
	margin-top: 30px;
}
.photo-request-form .actionbtns .next-btn {
	width: 150px !important;
	text-align: center;
	background: #4b0096 !important;
	border: none !important;
	font-size: 16px;
	color: #fff !important;
	padding: 15px 0 !important;
	position: absolute;
	bottom: 10px;
	right: calc(50% - 85px);
}



.photo-request-form .step-4 .area-options {
	margin-bottom: 100px;
	margin-top: -70px !important;
	display: flex;
    flex-wrap: wrap;
    display: none;
}
.area-options button {
	display: flex;
   flex-direction: column;
   justify-content: center !important;
}
#persian-calendar {
	margin: 10px auto !important;
	border-radius: 15px !important;
	max-width: unset !important;
}

#selected-date-text {
	text-align: center;
	font-weight: normal !important;
	border: 1px solid #ccc;
	margin: 20px !important;
}

.photo-request-form .duration-options {
	margin-bottom: 80px !important;
	margin-top: -20px !important;
	display: flex;
    flex-wrap: wrap;
    display: none;
}
.customtime-toggle {
	margin-bottom: 100px !important;
}
#time-selection {
	margin-top: -80px !important;
	margin-bottom: 90px !important;
}
#time-selection label {
	margin-bottom: -20px;
}	


#summary-content .duration {
    display: none;
}
#summary-content .area {
    display: none;
}

.photo-request-form .duration-options button {
   width: 45%;
   padding: 10px 35px !important;
   border: 1px solid #ccc;
   border-radius: 8px;
   background: #f8f8f8;
   cursor: pointer;
   font-size: 14px;
   height: 70px !important;
   display: flex;
   flex-direction: column;
   justify-content: center !important;
}
.photo-request-form .duration-options button:before {
	display: none !important;
}
.photo-request-form .duration-options button span {
	display: block;
	text-align: center;
	font-size: 12px;
	margin-top: -5px;
}
.photo-request-form .duration-options button.selected span {
	color: #755ce7 !important;
}

.profile-update-form-info {
	max-width: 400px;
	margin: auto;
}
.profile-update-form-info:before {
	content: "";
	float: right;
	margin-top: 0px;
	margin-left: 5px;
	width: 22px;
	height: 22px;
	background-image: url('/images/webdesign/attention.png');
	background-size: 20px !important;
    background-repeat: no-repeat !important;
    background-position: 0px 1px !important;
}



.user-dashboard-menu {
	background: #f5f5f5;
	padding: 35px 25px;
	border-radius: 15px;
	min-height: 500px;
	position: relative;
}
.user-dashboard-menu .items .registration {
	position: absolute;
	bottom: 25px;
	border-top: 1px solid #ccc;
	padding-top: 20px;
	width: 100%;
	right: 0;
	padding-right: 25px;
}
.user-dashboard-menu h3 {
	margin-bottom: 30px;
	font-size: 20px;
}
.user-dashboard-menu .items {
	display: flex;
	gap: 20px;
	margin: 0px 0;
	flex-direction: column;
}
.user-dashboard-menu .items .item a {
	font-size: 15px;
	color: #444 !important;
	padding: 10px 15px;
	border-radius: 10px;
}



.profile-name-alias .user-dashboard-menu .profile-name a
,.favorites-alias .user-dashboard-menu .favorites a 
,.my-consult-history-alias .user-dashboard-menu .consult-requests a 
,.issuereport-alias .user-dashboard-menu .issuereport a
,.user-dashboard-alias .user-dashboard-menu .profile-overview a {
	background: #8bc34a;
	color: #fff !important;
}



.itemid-2733 .astroid-header-section {
	visibility: hidden;
	position: absolute;
}
.itemid-2733 .astroid-component {
	display: none;
}
.itemid-2733 .footer .copyright {
	display: none;
}





.mod-goback {
	display: flex;
	justify-content: center;
}
.mod-goback button.goback-btn {
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
}
.mod-goback .goback-icon {
	transform: translateY(1px);
}

#ar-63och5d96 {
	display: flex;
	align-items: center;
}













.stepprogress {
	position: absolute;
	left: 30px;
	top: 22px;
	background: #f9f9f9;
	padding: 5px 10px;
	border-radius: 55px;
	font-size: 14px;
	display: flex;
	gap: 5px;
	border: 1px solid #0aeb8c;
	overflow: hidden;
}

.stepprogress::after {
  content: "";
  position: absolute;
  top: 0;
  left: -50%;
  width: 70%;
  height: 100%;
  background: linear-gradient(
    100deg,
    rgba(255, 255, 255, 0) 0%,
	  rgba(255, 255, 255, 0) 25%,
    #ffffff73 50%,
	  rgba(255, 255, 255, 0) 75%,
    rgba(255, 255, 255, 0) 100%
  );
  animation: shine 2.5s infinite;
}

@keyframes shine {
  0% {
    left: -50%;
  }
  100% {
    left: 100%;
  }
}

.step-1 .stepprogress {
	background: linear-gradient(to right, #0aeb8c 5%, transparent 5%) !important;
}
.step-1 .stepprogress:after {
	display: none;
}
.step-2 .stepprogress {
	background: linear-gradient(to right, #0aeb8c 14%, transparent 14%) !important;
}

.step-3 .stepprogress {
	background: linear-gradient(to right, #0aeb8c 28%, transparent 28%) !important;
}
.step-4 .stepprogress {
	background: linear-gradient(to right, #0aeb8c 42%, transparent 42%) !important;
}
.step-5 .stepprogress {
	background: linear-gradient(to right, #0aeb8c 56%, transparent 56%) !important;
}
.step-6 .stepprogress {
	background: linear-gradient(to right, #0aeb8c 70%, transparent 70%) !important;
}
.step-7 .stepprogress {
	background: linear-gradient(to right, #0aeb8c 84%, transparent 84%) !important;
}
.step-8 .stepprogress {
	background: linear-gradient(to right, #0aeb8c 100%, transparent 100%) !important;
}




.photo-request-form .step button {
	position: relative;
	display: flex;
	justify-content: flex-end;
	padding: 10px 25px !important;
}
.photo-request-form .step button:before {
	content: "";
	position: absolute;
	right: 20px;
	margin-left: 10px;
	margin-top: -3px;
	background-size: 42px !important;
	width: 42px;
	height: 42px;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;
}


.photo-request-form .step button.portrait-btn:before {
	background-image: url('/images/webdesign/booking-icons/portrait-c.png') !important;
}
.photo-request-form .step button.ceremony-btn:before {
	background-image: url('/images/webdesign/booking-icons/wedding-c.png') !important;
}
.photo-request-form .step button.commercial-btn:before {
	background-image: url('/images/webdesign/booking-icons/advertise-c.png') !important;
}
.photo-request-form .step button.child-btn:before {
	background-image: url('/images/webdesign/booking-icons/child-c.png') !important;
}
.photo-request-form .step button.pregnancy-btn:before {
	background-image: url('/images/webdesign/booking-icons/pregnant-c.png') !important;
}
.photo-request-form .step button.baby-btn:before {
	background-image: url('/images/webdesign/booking-icons/newborn-c.png') !important;
}
.photo-request-form .step button.personal-modeling-btn:before {
	background-image: url('/images/webdesign/booking-icons/portrait-c.png') !important;
}
.photo-request-form .step button.family-btn:before {
	background-image: url('/images/webdesign/booking-icons/family-c.png') !important;
}	
.photo-request-form .step button.sports-btn:before {
	background-image: url('/images/webdesign/booking-icons/sport-c.png') !important;
}
.photo-request-form .step button.animals-btn:before {
	background-image: url('/images/webdesign/booking-icons/dog-c.png') !important;
}
.photo-request-form .step button.graduation-btn:before {
	background-image: url('/images/webdesign/booking-icons/graduation-c.png') !important;
}
.photo-request-form .step button.birthday-btn:before {
	background-image: url('/images/webdesign/booking-icons/birthday-c.png') !important;
}
.photo-request-form .step button.engagement-btn:before {
	background-image: url('/images/webdesign/booking-icons/marriage-c.png') !important;
	background-size: 42px !important;
	width: 42px;
	height: 42px;
}
.photo-request-form .step button.corporate-event-btn:before {
	background-image: url('/images/webdesign/booking-icons/company-c.png') !important;
	background-size: 48px !important;
	width: 48px;
	height: 40px;
}
.photo-request-form .step button.seminar-btn:before {
	background-image: url('/images/webdesign/booking-icons/seminar-c.png') !important;
}
.photo-request-form .step button.food-btn:before {
	background-image: url('/images/webdesign/booking-icons/food-c.png') !important;
}
.photo-request-form .step button.appliances-btn:before {
	background-image: url('/images/webdesign/booking-icons/appliance-c.png') !important;
}
.photo-request-form .step button.jewelry-btn:before {
	background-image: url('/images/webdesign/booking-icons/jewelry-c.png') !important;
}
.photo-request-form .step button.cosmetics-btn:before {
	background-image: url('/images/webdesign/booking-icons/cosmetic-c.png') !important;
}
.photo-request-form .step button.clothing-btn:before {
	background-image: url('/images/webdesign/booking-icons/clothes-c.png') !important;
}
.photo-request-form .step button.furniture-btn:before {
	background-image: url('/images/webdesign/booking-icons/furniture-c.png') !important;
}
.photo-request-form .step button.aerial-btn:before {
	background-image: url('/images/webdesign/booking-icons/aerial-c.png') !important;
}
.photo-request-form .step button.product-btn:before {
	background-image: url('/images/webdesign/booking-icons/product-c.png') !important;
}
.photo-request-form .step button.factory-btn:before {
	background-image: url('/images/webdesign/booking-icons/factory-c.png') !important;
}
.photo-request-form .step button.store-btn:before {
	background-image: url('/images/webdesign/booking-icons/store-c.png') !important;
}
.photo-request-form .step button.architecture-btn:before {
	background-image: url('/images/webdesign/booking-icons/architecture-c.png') !important;
}








	
.photo-request-form .subcategory-options button {
	width: 45%;
}
.actionbtns button.next-btn {
	display: flex !important;
	justify-content: center;
}
.actionbtns button.next-btn:before {
	display: none;
}
.actionbtns button.back-btn {
	position: absolute;
	top: -68px;
	padding: 10px 25px !important;
	right: -10px;
	font-size: 14px;
	border: none !important;
	background: #eee5 !important;
}
.actionbtns .back-btn:before {
	content: "\f105" !important;
	font-family: fontawesome;
	margin: unset !important;
	margin-left: 5px !important;
	width: unset !important;
	height: unset !important;
	position: relative !important;
	right: 0 !important;
}




.package-tabs {
	display: flex;
	justify-content: space-between;
}
.photo-request-form .package-tabs button.package-tab {
	background: #fff !important;
	border: 1px solid #eee !important;
	font-size: 14px !important;
	border-radius: 15px !important;
	padding: 15px !important;
}
.photo-request-form .package-tabs button.package-tab.active {
	background: #d3f0ac !important;
}



.package-options .package h5 {
	color: rgb(44, 46, 54) !important;
	font-size: 17px;
}
.package-options .package p {
	margin-bottom: 0;
}
.package-options .package p.main {
	font-size: 13px;
	display: block;
	clear: both;
}

.package-options .package p.main:before {
	content: "";
	float: right;
	margin-top: 3px;
	margin-right: -5px;
	width: 20px;
	height: 20px;
	background-image: url('/images/webdesign/green-simplecheck.png') !important;
	background-size: 20px !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;
}

.package-options .package p.desc-info {
	font-size: 12px;
	color: #999 !important;
	line-height: 25px;
	display: none;
}
.package-options .package-price {
	font-weight: bold;
	margin-bottom: 5px !important;
	color: #000 !important;
	font-size: 17px;
}

#location-list-section {
	margin-bottom: 80px !important;
}






.locations-grid {
	display: flex !important;
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
	padding-bottom: 30px;
}
.locations-grid .location-item {
	display: flex;
	flex-direction: column;
	padding: 10px;
	width: 300px;
	min-width: 300px !important;
	max-width: 300px !important;
}
.locations-grid .location-item h6 {
	font-size: 20px;
	margin: 5px 0 5px 0 !important;
}
.locations-grid .location-item .neshani {
	font-size: 14px !important;
	display: block !important;
	clear: both !important;
	white-space: normal;
}
.locations-grid .location-item .neshani:before {
	content: "";
	margin-right: -3px;
	float: right;
	margin-top: 3px;
	opacity: 0.5;
	width: 20px;
	height: 20px;
	background-image: url('/images/webdesign/map-pin.png') !important;
	background-size: 20px !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;
}
.location-item .rules-title {
	font-weight: bold;
	font-size: 15px;
	margin-top: 10px;
}
.location-item .rules-content {
	background: #f5f5f5;
	padding: 10px;
	margin-top: 5px;
	border-radius: 10px;
}
.location-item .rules-content p {
	font-size: 12px;
	margin-bottom: 0;
}





.location-price {
	display: flex;
	font-weight: bold !important;
	margin: 5px 0;
}
.location-price label {
	margin: 0 0 0 5px;
}




.persian-calendar-module .current-year {
	text-align: center;
	font-size: 16px;
}
.month-navigation {
	margin-bottom: 0 !important;
}
.month-navigation button {
	background: #ccc !important;
}

.calendar-modal-body .date-display div {
	color: #fff !important;
}
.calendar-modal-body .date-display .date-numeric {
	font-size: 22px !important;
	font-weight: normal !important;
}
.calendar-modal-body .date-display .date-text {
	font-size: 16px !important;
}
.calendar-modal-body .date-text {
	display: none;
}
button.save-btn {
	background: #8bc34a !important;
	box-shadow: none !important;
	border-radius: 10px !important;
	text-align: center;
	text-shadow: none !important;
	font-weight: normal !important;
	color: #fff !important;
	height: 50px;
	font-size: 17px !important;
}
button.cancel-btn {
	text-align: center;
}
button.toggle-switch {
	background: #eee !important;
}
button.toggle-switch:before {
	background: #ccc !important;
	border: none !important;
	box-shadow: none !important;
}
button.toggle-switch.active:before {
	background: #fff !important;
}












	
#calendar-stats {
	max-width: 500px !important;
	padding: 20px;
}
#calendar-stats h3 {
	margin-bottom: 30px !important;
	font-size: 24px;
}


#calendar-stats h3:before {
	content: "";
	margin-right: -3px;
	float: right;
	margin-left: 5px;
	margin-top: -3px;
	width: 28px;
	height: 28px;
	background-image: url('/images/webdesign/stat-icon.png') !important;
	background-size: 28px !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;
}
.itemid-2744 .astroid-component {
	display: none;
}
span.stat-counter {
	background: #eeeeeea6;
	padding: 3px 9px;
	margin: 0 5px;
	border-radius: 5px;
}
p.from-axit:before {
	content: "";
	width: 15px;
	height: 15px;
	background-image: url('/images/webdesign/axit-icon.png') !important;
	background-size: 15px !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;
	display: block;
	float: right;
	margin-left: 5px;
	margin-top: 7px;
	border-radius: 55px;
}




.calendar-box {
	display: flex;
	align-items: center;
}

.calendar-box .persian-calendar-module {
	width: 50%;
}
.calendar-box #calendar-chart {
	width: 25%;
}
.calendar-box #calendar-stats {
	width: 25%;
	transition: 0.5s;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-content: flex-start;
	align-items: flex-start;
}


#calendar-stats p[data-type="total"] {
	font-weight: bold;
}
#calendar-stats p[data-type="total"] span.stat-counter {
	background: none !important;
}










@media (min-width: 769px) {
    .special-mobile-details {
        display: none;
    }
}


@media (max-width: 768px) {
	.special-maincontent {
		padding: 0 20px;
	}
	.logobox {
		display: none !important;
	}
	.logo-image  {
		text-align: center;
	}
	.actionbtns {
		width: 100%;
		display: flex !important;
		justify-content: space-between;
	}
	.specialcontent .left {
		margin-top: 0;
	}
	.special-details .titlebox {
		width: 100%;
		display: flex;
		align-items: center;
		margin-top: -10px;
		margin-bottom: 25px;
	}
	.special-details .titlebox h1 {
		margin-left: 0 !important;
	}
	.special-details .namebox .top .left {
		width: 100%;
		display: flex;
		justify-content: space-between;
		margin-top: 15px;
	}
	.special-details .namebox .top {
		width: 100% !important;
	}
	.special-details .namebox .top .left button {
		margin: 0;
		background: #fff !important;
		border-radius: 10px;
		height: 60px;
		border-radius: 10px;
		box-shadow: 0px 10px 30px -25px #8886;
	}
	.special-details .namebox .bottom {
		display: flex;
		justify-content: space-between;
		box-shadow: 0px 10px 30px -25px #8886;
		padding: 15px;
		border-radius: 10px;
		background: #fff;
	}
	.specialcontent .right .top {
		background: #fff;
		border: none;
		box-shadow: 0px 10px 30px -25px #8886;
	}
	.special-details .namebox .bottom .box-in {
		width: 27%;
		display: flex;
		margin: 0;
		justify-content: center;
	}
	.commentpreview {
		display: none;
	}
	.special-details .itemrating {
		display: flex !important;
		flex-direction: column;
		align-items: center !important;
		margin:  0 !important;
	}
	.special-details .namebox .bottom .regionmainbox {
		display: flex;
		flex-direction: column;
		width: 46%;
	}
	.special-details .namebox .bottom .regionbox {
		display: flex;
		flex-direction: row;
		width: 100%;
		margin-top: -2px;
	}
	.special-details .commentcanvasbtn {
		display: flex;
		flex-direction: column;
		align-items: center !important;
	}
	.special-details .namebox .bottom *::before {
		margin: 0 0 10px 0 !important;
	}
	.specialcontent {
		flex-direction: column-reverse;
	}
	.specialcontent .box {
		width: 100%;
		margin-bottom: 30px;
	}

	.specialcontent .right .midbox {
        width: 48%;
    }
	.itemrating .first-comment {
		display: none;
	}
	.itemrating span.norate {
		margin: -5px 0 0 0;
	}
	.itemrating span.norate:before {
		display: none;
	}
	.specialcontent .right .top .djcf-field {
		display: flex;
		flex-direction: column;
		align-items: center !important;
	}
	.specialcontent .right .top .djcf-value {
		font-size: 18px;
		font-weight: bold;
		margin-top: 5px !important;
	}
	.specialcontent .right .bottom {
		background: #fff;
		padding: 15px;
		border-radius: 10px;
	}
	.specialcontent .right .bottom .printtable {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}
	.specialcontent .printstart {
		width: 100%;
	}
	.specialcontent .right .custom_det .custom_det_content {
		display: flex;
		width: 100% !important;
	}
	.specialcontent .right .custom_det .custom_group {
		width: 100%;
	}
	.specialcontent .right .printstart .custom_det .djcf-field {
		display: flex;
		justify-content: space-between;
		width: 100%;
	}
	.rulesoffcanvas .djcf-field {
		width: 100%;
	}
	.rulesoffcanvas .custom_det .custom_group .djcf-value {
		display: flex !important;
		align-items: flex-start;
		flex-direction: column;
		align-content: flex-start;
	}
	
	.printstart .custom_det {
		width: 100% !important;
	}
	.specialcontent .right .bottom .printtablebtn {
		margin-top: 15px;
	}
	.specialcontent .right .bottom .printtablebtn.novalue {
		display: none;
	}
	.advert-template.special {
		background: #f9f9f9;
        margin-top: -35px !important;
	}
	
	.mobileheaderimagebox {
		position: relative;
		margin: 0 -20px;
	}
	.mobileheaderimagebox .actionbtns {
		position: absolute;
		top: 10px;
		right: calc(2%);
		width: 96%;
		margin: 0 !important;
	}
	.mobileheaderimagebox .actionbtns .favbtn {
		margin-right: 5px !important;
		margin-left: -5px;
	}
	.mobileheaderback {
	    width: 100%;
	    height: 150px;  
	    border-radius: 10px;
	    overflow: hidden;
	    position: relative;
	    background: #eee;
	}
	.mobileheaderback img.ad-main-image {
	    width: 100%;
	    height: 100%;
	    object-fit: cover;       
	    object-position: center;  
	    display: block;
	    border-radius: 0;  
	    background: #eee;
	}
	.mobileheaderoverlay {
		width: 100%;
	    height: 100%;
		background: #010b2e96;
		position: absolute;
		top: 0;
		border-radius: 0;  
	}
	.mobiledetailbox {
		margin-top: -75px;
		position: relative;
		z-index: 0;
	}
	.mobiledetailbox .right {
		display: flex;
		position: relative;
	}
	.mobiledetailbox .right span {
		position: absolute;
		left: -12px;
		border-radius: 5px !important;
		bottom: 0px;
		font-size: 14px !important;
		color: #fff !important;
		background: #ffffff36 !important;
		padding: 0 10px !important;
	}
	.mobiledetailbox .right .logo-image a img {
		border-radius: 100% !important;
		width: 60px !important;
		padding: 0 !important;
		border: 2px solid #fff !important;
		background: #fff;
	}
	.mobiledetailbox .left {
		display: flex;
		justify-content: space-between;
		flex-direction: row-reverse;
		margin-top: 30px;
		align-items: center;
		margin-bottom: 10px;
		align-content: center;
	}
	.mobiledetailbox .left .profilelink a {
		font-size: 14px;
	}
	.mobiledetailbox .left .profilelink a:after {
		content: "";
	    margin-right: 3px;
		margin-top: 6px;
	    float: left;
	    display: block !important;
	    background-repeat: no-repeat;
	    background-image: url(images/webdesign/left-thin.png) !important;
	    background-size: 16px !important;
	    background-position: 0 0;
	    width: 16px;
	    height: 16px;
	}
	.mobiledetailbox .left .top {
		margin: 5px 0 0 0px;
		padding: 3px 5px;
		border-radius: 5px;
	}
	.mobiledetailbox .left span {
		display: inline-block;
		margin-left: 3px;
		font-size: 13px;
	}
	.mobiledetailbox .left .bottom {
		display: flex;
		justify-content: space-between;
		align-items: center;

	}
	.mobiledetailbox .left .bottom .name h1 {
		font-size: 24px !important;
	}
	.special-details.desktop .logo-image {
		display: none;
	}
	.special-details.desktop .namebox .top .right {
		display: none !important;
	}
	.special-mobile-details .actionbtns .backbtn a {
		font-size: 13px;
		margin-top: 3px;
	}
	.advert-template.special .backbtn a:after {
	    background-image: url(/images/webdesign/left-normal-white.png) !important;
		margin-right: 0;
	}
	.special-mobile-details .actionbtns .sharebtn button:before {
		content: "";
	    margin-left: 3px;
	    float: right;
	    display: block;
	    background-repeat: no-repeat;
	    background-image: url(images/webdesign/link-white.png) !important;
	    background-size: 20px !important;
	    background-position: 0 0;
	    width: 20px;
	    height: 20px;
	}
	.special-mobile-details .actionbtns .sharebtn button {
		font-size: 0;
	}
	.special-mobile-details .actionbtns .backbtn a {
		color: #fff !important;
	}
	.special-mobile-details .favbtn span.fav_icon_a {
		color: #fff !important;
		font-size: 0;
	}
	.special-mobile-details .favbtn span.fav_icon_na {
		color: #fff !important;
		font-size: 0;
	}
	.special-mobile-details .favbtn span.fav_icon_a:before { 
	    background-image: url(images/webdesign/save-white.png) !important;
	}
	.special-mobile-details .favbtn span.fav_icon_na:before { 
	    background-image: url(images/webdesign/saved-white.png) !important;
	}
	.special-mobile-details .favbtn span {
		background: none !important;
	}
	.bottomlistbox {
	  display: flex;
	  flex-direction: row;
	  overflow-x: auto;
	  white-space: nowrap;
	  gap: 16px;
	  padding-bottom: 20px; 
	  scrollbar-width: thin;
	}
	.footer .middlebox {
	  /display: flex;
	  flex-direction: row;
	  overflow-x: auto;
	  white-space: nowrap;
	  gap: 16px;
	  padding-bottom: 20px; 
	  scrollbar-width: thin;
	}
	.footer .bottombox li.about {
		display: none;
	}
	.footer .bottombox li a {
		font-size: 14px !important;
		margin-left: 15px !important;
	}
	.footer {
	    padding-top: 0 !important;
	}
	.footer .middlebox .box {
		margin-left: 25px;
	}
	.infoboxtitle {
		font-size: 24px;
		line-height: 40px;
	}
	.commentcanvastop {
		display: flex;
		flex-direction: column-reverse;
		align-items: flex-start;
	}
	.commentcanvas #pills-tab li button {
		display: flex;
		align-items: center;
		align-content: center;
		margin-top: 15px;
	}
	.special-details .namebox .bottom .commentcanvas #pills-tab li button:before {
		margin-bottom: 0 !important;
		margin-left: 10px !important;
	}
	.pagescore span {
		font-size: 16px !important;
	}
	.pagescore {
		width: 100%;
	}
	.commentcanvas {
		border-radius: 0 ;
		border-top: none !important;
	}
	.consultoffcanvas {
		border-radius: 0 !important;
		border-top: none !important;
	}
	.contactcanvas {
		border-radius: 0 !important;
		border-top: none !important;
	}
	.rulesoffcanvas {
		border-radius: 0 !important;
		border-top: none !important;
	}
	.rulesoffcanvas .canvas-header {
		border-radius: 0 !important;
	}
	.printtablecanvas .offcanvas-header {
		border-radius: 0 !important;
	}
	.printtablecanvas  {
		border-radius: 0 !important;
		border-top: none !important;
	}
	.packagecanvas {
		border-radius: 0 !important;
		height: 100% !important;
		min-width: 300px !important;
		width: 100% !important;
		border-top: none !important;
	}
	.bottomlistbox .activeservice {
		background: #fff !important;
		border: 1px solid #ccc;
	}
	.otherservice {
		margin-top: 0px !important;
	}
	.useritemlist {
		background: #fff;
		padding: 15px;
		border-radius: 10px;
	}
	.useritemlist .titlebox {
		display: flex;
		flex-direction: column-reverse;
		justify-content: space-between;
	}
	.useritemlist .titlebox .title {
		margin-bottom: 10px;
	}
	.useritemlist .titlebox .profilelink {
		width: 160px !important;
	}
	.firstbox {
		padding: 0 10px !important; 
	}
	.advert-list .item_region {
		position: absolute;
		bottom: 0px;
	}
	.freelist .item_region {
		bottom: 15px;
		font-weight: normal;
		font-size: 16px;
	}
	.listpage .topbanner {
		padding: 10px;
		margin-bottom: -30px;
	}
	.astroid-banner-inner {
		padding: 0 !important;
	}
	.listpage .topbanner .container-fluid {
		display: flex;
		flex-direction: column;
		align-content: flex-start;
		flex-wrap: wrap;
		padding-bottom: 0 !important;
		margin: 15px 0px;
		border-radius: 0;
		box-shadow: none;
		margin-top: 0;
	}
	.listpage .topbanner .container-fluid h1.astroid-banner-title
	, .listpage .topbanner .container-fluid h2.astroid-banner-subtitle
	, .listpage .topbanner .container-fluid .astroid-banner-cta
	, .listpage .topbanner .container-fluid .astroid-banner-cta a{
		text-align: right !important;
		width: 100% !important;
		border: none;
		margin: 0 0 10px 0 !important;
		padding: 0 !important;
	}
	.listpage .item_outer_in {
		display: flex;
		flex-direction: column;
	}
	.listpage .item_img_box_in img {
		width: 100%;
		border-radius: 10px;
	}
	.listpage .item_cat_region_outer {
		position: unset !important;
		font-size: 14px;
	}
	.listpage .item_outer {
		padding-bottom: 20px;
	}
	.listpage .item_content_in {
		padding: 20px 10px 0 10px !important;
		height: 200px;
	}
	.listpage .item_title span.fav_icon_a:before {
		background-size: 26px !important;
		margin: 0;
	}
	.listpage .item_title span.fav_icon_na:before {
		background-size: 26px !important;
		margin: 0;
	}
	.listpage .item_row .item_custom_fields {
		position: relative;
		margin-top: 10px;
	}
	.listpage .item_row .itemrating  span {
		font-size: 20px !important;
	}
	.listpage .item_row .itemrating  span.ratenumber {
		font-size: 17px !important;
	}
	.listpage .itemrating:before {
	    content: "\f005";
	    float: right;
	    font-weight: bold;
	    margin-top: -5px;
	    margin-left: 5px;
		font-size: 19px !important;
	}
	.listpage .itemrating span.ratestar:before {
	    display: none;
	}
	.listpage .item_custom_fields * {
		font-size: 16px !important;
	}
	.listpage .item_custom_fields span {
		margin-left: 5px;
	}
	.freebox {
		padding: 0 10px;;
	}
	.freelist li {
		border-radius: 15px;
	}
	.freelist li .item_outer {
		margin-top: 0 !important;
	}
	.freelist li {
		width: 100% !important;
		min-height: 280px !important;
		margin: 0 0 30px;
	}
	.listpage .freelist .item_title span {
		margin-left: 10px;
	}
	.freelist .item_row .itemrating span {
        font-size: 18px !important;
    }
	.freelist .item_title h3 a {
		font-size: 22px !important;
	}
	.topsuggest ul {
		padding: 10px 10px 20px !important;
		margin-top: 30px !important;
	}
	.astroid-component-section {
		padding: 10px !important;
	}
	.archivebox ul li {
		width: 100% !important;
		margin: 0 auto 20px;
	}
	.archivebox  {
		padding: 0 10px;
	}
	.archivebox .title span.lowdata-main {
		display: block;
		margin: 0;
		font-size: inherit;
	}
	.archivebox .title span {
		margin: 10px 0 -10px 5px;
		font-size: 16px;
	}
	#ar-1529472563843 {
		display: flex;
		flex-direction: row !important;
		justify-content: space-between;
	}
	#ar-1529472563843 .header-right-section {
		margin-left: 10px;
	}
	#ar-1529472563843 .header-offcanvas-trigger {
		margin-top: -10px;
	}
	.offcanvasRight .burger-menu-button.header-offcanvas-trigger .inner {
		height: 3px;
	}
	.offcanvasRight .burger-menu-button.header-offcanvas-trigger .inner::before {
		height: 3px;
		top: -10px;
	}
	.offcanvasRight .burger-menu-button.header-offcanvas-trigger .inner::after {
		height: 3px;
		bottom: -10px;
	}
	
	.dashboard .offcanvasRight .burger-menu-button.header-offcanvas-trigger .inner {
		background: #fff;
	}
	.dashboard .offcanvasRight .burger-menu-button.header-offcanvas-trigger .inner::after {
		background: #fff;
	}
	.dashboard .offcanvasRight .burger-menu-button.header-offcanvas-trigger .inner::before {
		background: #fff;
	}
	
	
	#ar-1529472563843 .header-left-section img {
		width: 90px;
	}
	.loginmodalbtn {
		font-size: 0 !important;
		margin-right: 5px;
	}
	#ac-6311faee6bde0c27003876 {
		width: 40%;
	}
	#ac-1529472563843 {
		width: 60%;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		padding: 0 2px 0 5px;
	}
	.astroid-header-section .col-12 {
		flex: unset !important;
	}
	.logindropdownbtn:after {
		margin: 0;
	}
	.btnboxes {
		padding: 0;
	}
	.view-item .astroid-component-section {
		padding: 0 !important;
	}
	#ah-1529472563843 .d-flex {
		display: flex;
		flex-direction: row-reverse !important;
	}
	.catselectbtn {
		font-size: 12px;
		display: flex;
	}
	.logindropdownbtn {
		font-size: 0;
	}
	.logindropdownbtn:after {
		font-size: 15px;
	}
	body.astroid-offcanvas-opened .astroid-content:after {
	    -webkit-transition: opacity 0s;
	    transition: opacity 0s;
	}
	.special-details .namebox .top .left button.consultloginbtn {
	    background: #8BC34A !important;
	    padding: 5px 15px !important;
	    color: #fff !important;
		border: none !important;
		font-size: 18px;
	}
	.special-details .namebox .bottom .o-empty__text:before {
		margin-right: calc(50% - 48px) !important;
	}
	.login-dropdown ul.dropdown-menu {
		right: -150px !important;
	}
	#loginmodal .modal-content {
		margin-top: -50px;
	}
	.dashboard .side-avatar {
		visibility: hidden;
		position: absolute;
	}
	.astroid-offcanvas .astroid-offcanvas-inner {
		padding: 0 10px;
	}
	.custom-avatar-mod .usermenu li.logout {
		background: none;
		border-top: 1px solid #fff;
	}
	.dashboard #avatar-mod-475 {
		padding-bottom: 100px;
	}
	.dashboard .astroid-component-section {
		margin-top: 30px;
		min-height: 500px; 
	}
	button.offcanvas-close-btn span:before {
		background: #fff !important;
		opacity: 1 !important;
		height: 2px !important;
	}
	button.offcanvas-close-btn span:after {
		background: #fff !important;
		opacity: 1 !important;
		height: 2px !important;
	}
	.dashboard .astroid-offcanvas .custom-avatar {
		margin-top: -10px;
	}
	.account-info {
	    display: flex;
	    flex-direction: column;
	    align-items: stretch;
	    flex-wrap: nowrap;
	    align-content: space-around;
	}
	.account-info .detail {
		width: 100% !important;
		margin-bottom: 10px;
		background: #151515;
		border: 2px solid #389245;;
	}
	.account-info .detail span.value {
		color: #fff !important;
	}
	.account-info .detail span.title {
		color: #fff !important;
	}
	.account-verify.no-verify {
		background: none;
		border: 1px solid red !important;
	}
	.account-verify.no-verify span.value {
		color: red !important;
	}
	.cats-access-title h3 {
		font-size: 24px;
		margin-top: -30px;
	}
	.planinfo {
	    display: flex;
	    align-items: flex-start;
	    flex-direction: column-reverse;
	    justify-content: space-between;
	} 
	.plandetail {
		margin-top: 20px;
	}
	.plandetail .box {
		display: flex;
		flex-direction: column;
	}
	.plandetail .plan-start span.daysago {
		margin: 10px 0;
		width: fit-content;
	}
	.blockbox.allpages {
		margin-bottom: 30px;
	}
	.blockbox.allpages .boxes {
	    display: flex;
	    flex-direction: column;
	}
	.blockbox.allpages .boxes .box {
		width: 100% !important;
	}
	.blockbox.allpages .boxes .left {
		display: none !important;
	}
	.dashboard .footer .bottombox {
	    display: flex;
	    flex-direction: column;
	    justify-content: space-between;
	    padding: 0;
	}
	.blockbox.allpages .boxes .box.right .link-box {
	    display: flex;
	    justify-content: column;
	}
	.blockbox.allpages .boxes .box.right .link-box .link {
		width: 100% !important;
	}
	.access ul {
	  display: flex;
	  flex-wrap: nowrap;
	  overflow-x: auto;
	  white-space: nowrap;
	  padding: 0 0 20px !important;
	  margin: 0;
	  gap: 10px; 
	  scrollbar-width: thin; 
	}
	.access li {
	  flex: 0 0 auto;
	  list-style: none; 
	  margin-left: 0 !important;
	}
	.access::-webkit-scrollbar {
	  height: 6px;
	}
	.access ul::-webkit-scrollbar {
	  height: 6px;
	}
	.allowed-list .catitem {
		height: 100px;
		position: relative;
	}
	.allowed-list .catbox .catname {
		width: 100%;
		position: absolute;
		top: 10px;
		right: 10px;
		font-size: 16px;
	}
	.allowed-list .catbox .catstatus {
		position: absolute;
		bottom: 10px;
		margin: 0;
		right: 15px;
	}
	.allowed-list .catbox .addlink {
		position: absolute;
		bottom: 10px;
		left: 10px;
	}
	.allowed-list .catbox .catstatus span {
		margin: 0;
	}
	.dashboard .footer {
		margin-top: 50px;
	}
	.dashboard .addbanner h1 {
		font-size: 20px;
		font-weight: normal;
	}
	.dashboard .addbanner h2 {
		font-size: 14px !important;
		line-height: 27px;
	}
	.dashboard .astroid-header-section {
		padding: 0 20px;
	}
	.dashboard #ac-6311faee6bde0c27003876 {
		width: auto;
		padding: 0;
	}
	.dashboard #ac-1529472563843 {
		padding-left: 0 !important;
	}
	.dashboard .mainlink.support {
		display: none !important;
	}
	.custom-avatar-mod .usermenu li.active {
		background: none;
	}
	.custom-avatar-mod .usermenu li.active a {
		color: #ffc107 !important;
	}
	.addpage span.info {
		color: #fff !important;
	}
	.addpage span.atten {
		color: #fff !important;
	}
	.addpage span.planselected {
		color: #fff !important;
	}
	.addpage span.atten:before {
		margin: 5px 0 0 5px !important;
	}
	
	
	.dashboard .request-item {
	    height: 130px;
		position: relative;
		border-right: none;
		border: 1px solid #444;
		border-radius: 15px;
	}

	.dashboard .request-info {
	    display: flex;
	    justify-content: space-between;
	    margin-bottom: 5px;
	}
	.dashboard .request-info .request-number {
		position: absolute;
		top: 0px;
		right: 0px;
		background: #444;
		width: 50px;
		border-radius: 2px 13px 2px 10px;
		display: flex;
		justify-content: center;
	}
	.dashboard .request-info .namebox .pagename {
		display: none;
	}
	.dashboard .request-info .namebox .catname {
		font-size: 16px;
		font-weight: normal;
		position: absolute;
		right: 10px;
		bottom: 15px;
	}
	.dashboard .request-info .requestbox {
		width: 100%;
	}
	.dashboard .request-info .requestbox .name {
		font-size: 20px;
		font-weight: normal;
		width: unset !important;
		display: inline-block;
		position: absolute;
		right: 10px;
		top: 40px;
	}
	.dashboard .request-info .infobox {
		width: 100%;
		display: flex;
		align-items: center;
	}
	.dashboard .request-info .infobox span.phone {
		color: #ffffff !important;
		width: fit-content !important;
		border-radius: 5px;
		font-weight: normal;
		font-size: 20px;
		position: absolute;
		left: 15px;
		top: 40px;
	}
	.dashboard .request-info .infobox span.date {
		width: 50% !important;
		display: inline-flex;
		justify-content: flex-end;
		font-weight: normal;
		font-size: 16px;
		position: absolute;
		bottom: 10px;
		left: 15px;
	}
	.dashboard .request-info .infobox span.date .time-part {
		display: none;
	}

	.dashboard .date {
	    color: #6c757d;
	    font-size: 0.9em;
	}

	.dashboard .request-details {
	    color: #6c757d;
	    font-size: 0.85em;
	}
	.dashboard .no-requests {
	    text-align: center;
	    color: #fff;
	    font-style: italic;
	}


	.my-ads-alias .row_ua {
		border-radius: 20px !important;
		padding: 10px;
	}
	.my-ads-alias .col_ua_in.advert-detail {
		padding: 0 !important;
	}
	.my-ads-alias .imagebox {
		display: flex;
		flex-direction: column;
		margin: 5px 0 0 0;
		padding: 0;
	}
	.my-ads-alias .imagebox a {
		margin: 0 !important;
	}
	.my-ads-alias .imagebox img {
		width: 100% !important;
		border-radius: 15px !important;
	}
	.my-ads-alias .col_ua.icon_name {
		border: none !important;
		width: 100% !important;
	}
	.my-ads-alias .detailbox {
		padding: 15px;
		width: 100%;
	}
	.my-ads-alias .ad-status-box {
		display: flex;
		flex-direction: column;
	}
	.my-ads-alias .ad-status {
		font-weight: normal;
		font-size: 16px !important;
		margin-bottom: 10px;
	}
	.my-ads-alias .ad-status-expire {
		font-weight: normal;
		font-size: 16px !important;
	}
	.my-ads-alias .category_name {
		font-size: 18px !important;
	}
	.my-ads-alias .category_name span {
		font-size: 18px !important;
		color: #ffc107 !important;
	}
	.my-ads-alias .cattitle {
		display: none;
	}
	.my-ads-alias .detailbox .top a.title {
		font-size: 24px !important;
		font-weight: normal;
	}
	.my-ads-alias .detailbox .from_plan {
		font-size: 16px !important;
	}
	.my-ads-alias .detailbox .date_start {
		font-size: 16px !important;
	}
	.my-ads-alias .detailbox .date_exp {
		font-size: 16px !important;
	}
	.my-ads-alias .detailbox .hits {
		display: none;
	}
	.my-ads-alias .detailbox .ad-action {
		display: flex;
		justify-content: space-between;
	}
	.my-ads-alias .detailbox .ad-action a {
		width: 48%;
		height: 60px;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 16px !important;
		margin: 0;
		border-radius: 15px !important;
		border: none !important;
	}
	.my-ads-alias .col_ua_in.advert-detail {
		display: flex;
		flex-direction: column;
	}
	.my-ads-alias .col_ua_chx {
		display: none !important;
	}
	.my-ads-alias .dj-useradverts .main_title .main_title_box_in {
        display: none;
    }   
    .topheaderlogo img {
		width: 80px !important;
		height: auto !important;
	}
	
	.dashboard div.paymentdetails .djcf_prow_in {
		height: 150px;
		display: flex;
		flex-direction: column;
		padding: 0 !important;
		position: relative;
	}
	.djcf_prow_details_title.plan_items {
		display: none;
	}
	.dashboard .djcf_prow_in .djcf_prow_col_desc {
		display: flex;
		flex-direction: column;
		width: 100%;
	}
	.dashboard .djcf_prow_in .djcf_prow_col_desc h3 {
		margin: 0 !important;
		position: absolute;
		top: 27px;
		right: 15px;
		font-weight: normal;
		font-size: 22px !important;
	}
	button.changeplanbtn , button.changeplanbtn:focus {
		position: absolute;
		left: 0;
		top: 15px;
		width: fit-content !important;
		padding: 0 10px !important;
		background: #ffc107 !important;
		color: #000 !important;
		font-size: 16px;
	}
	.dashboard .userplandetailbtn {
		position: absolute;
		bottom: 15px;
		right: 15px;
		width: fit-content !important;
		padding: 0 !important;
		background: none !important;
	}
	.dashboard .djcf_prow_col_buynow a {
		position: absolute;
		bottom: 15px;
		left: 15px;
		width: fit-content !important;
		padding: 0 !important;
		background: none !important;
	}
	.dashboard .djcf_prow_col_buynow a:after {
		content: "";
		background: #fff;
		border-radius: 5px;
		margin-right: 5px;
		float: left;
		margin-top: 0px;
		width: 16px;
		height: 16px;
		background-image: url('/images/webdesign/left-thin.png') !important;
		background-size: 16px !important;
	    background-repeat: no-repeat !important;
	    background-position: 0px 0px !important;
	}
	.dashboard .userplandetailbtn:after {
		content: "";
		background: #fff;
		border-radius: 5px;
		margin-right: 5px;
		float: left;
		margin-top: 4px;
		width: 16px;
		height: 16px;
		background-image: url('/images/webdesign/left-thin.png') !important;
		background-size: 16px !important;
	    background-repeat: no-repeat !important;
	    background-position: 0px 0px !important;
	}
	.userplans-alias .title_top {
		padding: 0 5px 0 0 !important;
	}
	.operation-buttons {
		display: flex;
		flex-direction: column;
	}
	.operation-buttons button {
		width: 100%;
		margin-bottom: 15px;
	}
	.mod-changeplan {
		margin-top: 20px !important;
		margin-bottom: 10px;
	}
	
	.plans-container {
		flex-direction: column;
	}
	.plans-container .plan-details {
		width: 100% !important;
		margin-top: 20px;
	}
	
	.selected-plan-info {
		flex-direction: column;
	}
	.selected-plan-info p {
		margin-bottom: 10px;
	}
	.payment-container {
		flex-direction: column;
	}
	.payment-left {
		width: 100%;
		margin-top: 20px;
	}
	.payment-right .payment-option input#payment1 {
		width: 25px !important;
		height: 25px !important;
	}
	#payment-details .form-group {
		flex-direction: column;
		align-items: flex-start !important;
	}
	#payment-details .form-group label {
		margin-bottom: 10px;
	}
	#payment-details .form-group input {
		width: 100%;
		height: 50px;
	}
	p.verification-note {
		background: none;
		padding: 0;
		margin-top: 40px;
	}
	#changeplan-payment-method .buttons-container {
		margin-bottom: 50px;
	}
	.confirmation-section h3 {
		font-size: 20px;
		font-weight: normal;
		line-height: 35px;
		margin-top: 100px;
	}
	#changeplan-confirmation .buttons-container {
		flex-direction: row !important;
	}
	#changeplan-confirmation .buttons-container button {
		width: 120px;
	}
	.plan2 .djcf_prow_desc_row.djcf_prow_main_desc {
		display: none;
	}
	.loading-content {
        margin-top: 300px;  
    }         
    
    .access.sticky-top {
        position: fixed;
        top: -22px;
        left: 0;
        right: 0px;
		padding-right: 22px;
        z-index: 9999;
        background: #151515; 
        box-shadow: 0 2px 8px rgba(0,0,0,0.04);
        height: 110px;
    }
    .placeholder-access {
        height: 0px !important;;
    }
    .placeholder-access.fixed {
	    /* height: 200px !important; */
	    background: red;
        display: block;
	    margin-bottom: 120px;
    }

    .issuereportpage form {
		width: 100% !important;
		margin-top: 50px !important;
	}
	.rsform-block-issuecaptcha {
		width: 100% !important;
	}
	.issuereportpage form input {
		font-size: 16px !important;
		height: 60px !important;
	}
	.rsform-block-issuetitle p {
		text-align: justify;
	}
	
	
	
	#loginmodal .modal-dialog .modal-content, #homeloginmodal .modal-dialog .modal-content {
		width: 100% !important;
		margin-right: -5px !important;
	}
	#loginmodal .modal-dialog, #homeloginmodal .modal-dialog {
		flex-direction: column !important;
	}
	#loginmodal .modal-dialog .modalfixside, #homeloginmodal .modal-dialog .modalfixside {
		display: none !important;
	}
    
    
    
	#loginmodal .modal-content
	, #homeloginmodal .modal-content {
	    border-radius: 15px;    
	    box-shadow: 0px 0px 40px #44444420;
	    height: auto;
	    width: 100% !important;
	    max-width: 100% !important;
	    margin: 0px auto 0;
	}
	#loginmodal .loginselect {
		width: 100% !important;
		max-width: 100% !important;
	}
	#homeloginmodal .loginselect {
		width: 100% !important;
		max-width: 100% !important;
	}
	#homeloginmodal .modal-body {
		padding-top: 25px !important;
	}
	#loginmodal .modal-body {
		padding-top: 25px !important;
	}
	
	
	.catselectmodal.show .modal-dialog {
	    width: 100% !important;
	}
	
	.customposition.show {
    	position: fixed;
    	width: 100% !important;
    	right: 0;
    	height: 100% !important;
    	top: 0;
    	z-index: 10;
    	margin: 0 !important;
    	border: none !important;
    	padding-top: 50px !important;
    	border-radius: 0 !important;
	}


	.bottomtogglebtns {
    	position: absolute;
    	bottom: 20px;
    	width: 90%;
    	border-radius: 10px;
	    display: flex !important;
	    justify-content: space-between; 
	}
	.bottomtogglebtns button {
	    background: #ddd !important;
	    width: 48%;
	    padding: 20px 0 !important;
	    border-radius: 10px !important;
    	font-size: 18px;
	}
	.bottomtogglebtns button.addfilterbtn {
	    background: #8bc34a !important;
	    color: #fff !important;
	}
	
    
	.sort-offcanvas-container {
		height: 100% !important;
		width: 100% !important;
		position: fixed !important;
		top: 0;
		max-height: unset !important;
		right: 0;
		border-radius: 0 0 0 0 !important;
	}
    .sort-offcanvas-footer button {
		background: #ddd !important;
	    width: 48%;
	    padding: 20px 0 !important;
	    border-radius: 10px !important;
    	font-size: 18px !important;
		text-align: center;
	}
	.sort-offcanvas-header {
		padding: 35px 25px !important;
		font-size: 20px !important;
		border-radius: 0 0 0 0 !important;
		background: #f9f9f9;
		border: none !important;
		font-weight: normal !important;
		text-align: right !important;
	}
	.sort-radio-item label {
		font-size: 20px;
	}
	.sort-radio-item {
		padding-bottom: 15px !important;
	}
	.sort-radio-item input {
		width: 20px !important;
		height: 20px !important;
		margin: 0px 0 0px 10px !important;
	}
	button.toplistposition {
        visibility: visible !important;
        position: relative !important;
    }
    .listpage .astroid-component-section {
    	width: 100% !important;
		background: #fff;
		padding-bottom: 50px !important;
    }
    .listpage .seosection {
    	width: 100% !important;
    }

	.topsuggest ul li a {
		background: #f3f3f3 ;
	}
	
	
	.custom-site-title span {
	    display: none;
	}
	
	
	.filter-container {
		background: #f5f5f5 !important;
		padding: 25px;
		margin: 20px -25px 0 -25px;
	}
	.filter-items {
		margin-bottom: -10px;
		padding: 0 0 20px !important;
		background: none !important;
		border-radius: 0;
		scrollbar-width: none;
	}
	.filter-items button.active span {
		background: #f5f5f5;
		margin-left: -8px;
	}
	.filter-items button.filter-btn {
		background: #fff !important;
		border-radius: 55px;
		padding: 9px 15px 9px !important;
		font-size: 16px;
	}
	.filter-items button.active {
		padding: 9px 15px 9px !important;
		background: #c7ffdd !important;
	}
	.filter-items button.filter-btn.active {
		display: flex;
	}
	.activebtns-counter span.clear-filters {
		margin-left: 15px !important;
		background: none !important;
	}
	.activebtns-counter {
		padding: 9px 15px 9px !important;
		font-size: 16px;
	}
	.activebtns-counter span.clear-filters {
		font-size: 24px;
		vertical-align: -3px;
	}
	
	.listpage .topbanner .container-fluid h1.astroid-banner-title {
	    font-size: 20px !important;
	    font-weight: bold !important;
	}
	.astroid-header-section {
		padding: 10px;
	}





	.premium-items li {
		flex-direction: column;
		background: #f9f9f9;
	}
	.premium-items li .item_img_box {
		width: 100% !important;
	}
	.premium-items li .item_img_box img {
		width: 100% !important;
	}
	.premium-items li .premium-content {
		padding: 10px !important;
		flex: unset !important;
	}
	.premium-items li .premium-content-bottom {
		flex-direction: column;
		display: flex;
		align-items: flex-start;
	}
	.premium-items li .premium-content-bottom .regionbox {
		margin-top: 15px;
	}
	.premium-items li .premium-content-bottom .regionbox:before {
		width: 23px;
	}


	.normal-items li {
		flex-direction: column;
		background: #f9f9f9;
	}
	.normal-items li .item_img_box {
		width: 100% !important;
	}
	.normal-items li .item_img_box img {
		width: 100% !important;
	}
	.normal-items li .normal-content {
		padding: 10px !important;
		flex: unset !important;
	}
	.normal-items li .normal-content-bottom {
		flex-direction: column;
		display: flex;
		align-items: flex-start;
	}
	.normal-items li .normal-content-bottom .regionbox {
		margin-top: 15px;
	}
	.normal-items li .normal-content-bottom .regionbox:before {
		width: 23px;
	}

	.free-items li {
		background: #f9f9f9 !important;
	}
	.normal-items ul {
		display: flex;
		overflow-x: auto;
	    white-space: nowrap;
	    -webkit-overflow-scrolling: touch;
		flex-direction: row;
		gap: 15px;
	}
	.normal-items li {
		background: #f9f9f9 !important;
		min-width: 90% !important;
	}
	.customlistitems-main.no-premium.has-normal .normal-items li {
		min-width: 100% !important;
	}
	.topsuggest ul {
	    padding-right: 0 !important;
	    -webkit-overflow-scrolling: touch;
	}
	.filter-titlebox {
		display: block !important;
		margin-bottom: 10px;
	}
	.btnboxes .city-selector-btn {
	    padding: 0 !important;
	    background: none !important;
	    min-width: 50px !important;
	}

	#loginmodal .modal-header {
	    margin-bottom: -20px !important;
	}
	.mod-login__remember .form-check input {
		margin-left: 5px !important;
		position: relative;
		margin-top: 4px;
		border: 1px solid #444 !important;
		border-radius: 55px;
	}
	.loginselect .posttext p {
		margin-bottom: -5px;
	}

	.topsuggest:after {
		display: block !important;
	}
	.premium-items .maintitle {
		margin-top: 20px !important;
	}
	.premium-items.emptylist {
		display: none;
	}
	.normal-items.emptylist {
		display: none;
	}
	.catselectbtn {
	    display: flex;
	    font-size: 0;
    }
	.registration-steps .stepstop {
		flex-direction: column !important;
		display: flex;
		align-items: flex-start !important;
		align-content: flex-start;
	}
	.registration-steps .stepstop .welcome {
		margin-top: 20px;
		font-size: 18px;
	}
	.registration-steps .step-title {
		display: none;
	}
	.registration-steps .step-desc {
		font-size: 13px !important;
		margin-top: 10px;
	}
	.registration-steps .step {
		margin-bottom: 20px !important;
		display: flex;
		flex-direction: column;
		width: 25%;
	}
	.registration-steps .stepsbox {
		padding: 15px 0px 0 !important;
		border: none !important;
		background: none !important;
		margin-top: 20px;
	}
	.registration-steps {
		width: 100% !important;
		padding: 20px;
		margin: 0 !important;
	}
	
	
	
	.registration-step2-alias .step-one .step-number
, .registration-step3-alias .step-two .step-number
, .registration-step3-alias .step-one .step-number
, .registration-step4-alias .step-one .step-number
, .registration-step4-alias .step-two .step-number 
, .registration-step4-alias .step-three .step-number {
	font-size: 0px;
	background-repeat: no-repeat;
	background-image: url("/images/webdesign/check.png") !important;
	background-size: 36px !important;
	background-position: 0 0;
	width: 36px !important;
	height: 36px !important;
	margin: 0;
}
	.registration-steps .maintextbox {
		margin-top: 0 !important;
		padding: 0;
	}
	.registration-step2-alias .welcome
	, .registration-step3-alias .welcome
	, .registration-step4-alias .welcome {
		display: none;
	}
	
	.user-has-advert {
		font-size: 15px !important;
		text-align: center;
		background: #f6f6f6;
		padding: 15px;
		border-radius: 15px;
	}
	.user-has-advert:before {
		margin-top: 0 !important;
	}
	.dashboard-continue a {
		width: 120px !important;
	}
	.itemsearch-module {
		padding: 15px 15px 5px !important;
		border: 1px solid #8bc34a !important;
	}
	.itemsearch-module .search-form {
		display: flex;
		flex-direction: column !important;
		align-items: center;
	}
	.itemsearch-module .search-form input {
		width: 100%;
	}
	.itemsearch-module .search-form button {
		width: 100px;
	}
	.itemsearch-module .result {
		margin-top: -137px;
	}
	.show-results-btn {
		margin-right: 0 !important;
		margin-top: 10px;
	}
	.result-item {
		height: 100px;
		position: relative;
		padding: 0 !important;
		border: 1px solid #ccc;
		margin: 5px;
		border-radius: 10px;
	}
	.result-item .item-name {
		position: absolute !important;
		top: 10px;
		right: 10px;
	}
	.item-details {
		position: absolute !important;
		right: 0;
		bottom: 0;
		width: 100% ;
		margin: 0 !important;
	}
	.result-item a {
		left: 5px !important;
		bottom: 5px;
		padding: 0 !important;
	}
	.result-item a.view-btn {
		padding: 0 !important;
	}
	.item-details .item-region {
		position: absolute;
		right: 10px;
		bottom: 7px;
		padding: 0;
	}
	.item-details .item-category {
		position: absolute;
		bottom: 30px;
		width: 100%;
		right: 0;
		flex-direction: row !important;
	}
	.item-details .item-category span.extra-count {
		background: none;
		padding: 0;
	}
	.itemsearch-module span.count-text {
		font-size: 14px !important;
	}
	.results-count {
		border-radius: 13px;
		margin: 5px;
		border: 1px solid #ccc;
	}
	.itemsearch-module .results-count button {
		font-size: 0;
		background-image: url('/images/webdesign/cancel.png') !important;
		background-size: 28px !important;
		width: 28px !important;
		height: 28px !important;
	    background-repeat: no-repeat !important;
	    background-position: 0px 0px !important;
		border-radius: 55px;
		position: absolute;
		left: 10px;
		top: 17px;
	}
	.registration-step3-alias #userForm {
	    margin-top: -70px !important;
		width: 100%
	}
	.listpage .bannermainbox {
	    margin: -2px 10px 0px 10px;
	    border-radius: 45px 0;
    }
	.listpage .bannermainbox .banner-layout .astroid-column .topbanner .container-fluid h2 {
		margin: 10px 0px 0px 0px !important;
	}
	.catsuggestbox ul {
		margin-right: -20px !important;
		padding-right: 0 !important;
	}
    .login-user .dropdownprofilebtn {
		font-size: 0;
	}
	.login-user .dropdownprofilebtn:after {
		content: "";
		margin-top: -5px;
		margin-right: -5px;
		width: 28px;
		height: 28px;
		background-image: url('/images/webdesign/user.png') !important;
		background-size: 28px !important;
	    background-repeat: no-repeat !important;
	}
	.astroid-header-section header.astroid-header:not(.astroid-header-sticky) {
		padding: 10px 0 !important;
	}
	.homebox.ads-slider {
		margin-top: -20px;
	}
	.ads-slider .dj-navigation a img {
		width: 30px;
		opacity: 0.5;
	}
	.ads-slider .dj-navigation a.dj-prev {
		left: 0px !important;
		bottom: unset !important;
		top: calc(50% - 10px) !important;
	}
	.ads-slider .dj-navigation a.dj-next {
		right: 0px !important;
		top: calc(50% - 10px) !important;
		left: unset !important;
		bottom: unset !important;
	}
	.ads-slider .dj-indicators {
		margin-bottom: 0;
		bottom: 10px !important;
	}
	.ads-slider .dj-indicators-in {
		padding: 0 10px !important;
		height: 22px;
	}
	.ads-slider .dj-indicators-in a {
		width: 8px !important;
	} 
	.newhometop .topsearch .homemodalsearchbtn {
		width: 350px !important;
		margin-top: -20px;
		border-radius: 15px;
        margin-bottom: -30px;
	}
	.newtopcontent .carousel {
		width: 100% !important;
		margin: 10px auto 0 !important;
		max-width: unset;
		min-height: 120px;
	}
	.newtopcontent .carousel h1 {
		text-align: center;
		line-height: 35px;
		font-size: 18px;
		margin-bottom: 0;
	}
	.newtopcontent .carousel h2 {
		text-align: center;
		line-height: 35px;
		font-size: 14px;
		padding: 0 20px;
	}
	.newhometop .dropdownprofilebtn {
		background: none !important;
		padding: 0 !important;
	}
	.itemid-101 .loginmodalbtn { 
	    font-size: 0px !important;
    }
    .hometopbox .topheader .right .homeheaderlogo img {
		width: 110px !important;
	}
	.newhometop .topsearch .homecanvassearchbtn {
		width: 350px !important;
		margin-top: -20px;
		border-radius: 15px;
        margin-bottom: -30px;
	}
	
    .newhometop .topsearch .homecanvassearch {
	    height: 100% !important;
	    border-top: none !important;
	    width: 100%;
    }
    .offcanvas {
        transition: 0 !important; 
    }
	.topcats {
		width: 70%;
		margin-top: 40px !important;
		/padding-right: 130px;
	}
	.topcatsbox .item {
		/height: 45px;
	}
	.catsuggestbox.extrawith:after {
		width: 50px; 
		border-left: 15px solid #fff;
		height: auto;
		content: "";
		position: absolute;
		left: 0;
		top: 10%;
		height: 80%;
		background: linear-gradient(to right, #fff, #ffc10700) !important;
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}
	.catsuggestbox.extrawith:before {
		width: 16px;
		content: "";
		position: absolute;
		left: 0;
		top: calc(50% - 8px);
		height: 16px;
		background-color: linear-gradient(to right, #b9b9b9, #ffc10700) !important;
		display: flex;
		justify-content: flex-end;
		align-items: center;
		background-image: url('/images/webdesign/left-thin.png') !important;
		background-repeat: no-repeat !important;
		background-size: 16px !important;
		z-index: 1;
		background-position: -3px 3px !important;
	}
	.catsuggestbox.extrawith.scrolled:before {
		display: none;
	}
	.catsuggestbox.extrawith.scrolled:after {
		display: none;
	}
	.catsuggestbox {
        margin-right: -21px !important;
    }
    
    
    .footer {
	    padding-bottom: 20px;
    }
    .footer .bottombox .links {
	    position: relative !important;
	    bottom: 0;
	    width: unset !important;
	    background: none !important;
	    right: 0;
	    padding: 0px 0px !important;
    }
    .footer .bottombox .links a {
	    color: #444 !important;
    	font-size: 15px !important;
    }
    
    .normal-items .itemname span.user-groupname:after {
	    transform: translateY(33px) translateX(14.5px) rotate(180deg) ;
    }
    .ads-slider .dj-slide-image img {
	    width: 100% !important;
	    border-radius: 0px !important;
    }
    .ads-slider .dj-slide img.dj-image {
		border-radius: 0 !important;
	}
	.ads-slider .dj-slide {
		border-radius: 0 !important;
	}
	.ads-slider {
		margin: 0 -25px !important;
	}
	.afterspecial {
		margin: 0 -25px;
	}
	.afterspecial img {
		border-radius: 0;
	}
	
	.topcatsbox {
		width: 100% !important;
		/max-width: 85% !important;
		margin: auto;
		padding: 0 10px;
	}
	.boxtitle, .boxtitle h2, h2.boxtitle {
	    font-size: 20px !important;
	}
	.nozadboxes .items .item img {
		box-shadow: none;
	}
	.boxtitle.with-image .title h2 {
		margin-top: -3px;
		font-size: 20px !important;
	}
	.boxtitle.with-image .title-image img {
		width: 90px;
	}
	.boxtitle.with-image .title-icon img{
		width: 20px;
	}
	.weddingbox .item {
		width: 200px;
	}
	.homekoodakbox .items h2.itemlabel {
		/font-size: 14px !important;
		font-weight: bold;
	}
	.homekoodakbox .item img {
		box-shadow: none;
	}
	.bardariboxes .item img {
		box-shadow: none !important;
	}
	.homekoodakbox .item {
		width: 200px;
	}
	.astroid-logo > .astroid-logo-mobile {
		width: 130px !important;
		margin-left: -40px;
	}
	
	
	.addnewadvertiser {
	    display: none !important;
	}
	.topcats .items {
	    margin-right: -40px;
	    margin-left: -40px;
	}
	.mod-photo-request {
		width: 100% !important;
		margin-top: 30px !important;
		border-radius: 10px !important;
	}
	
	
	.category-options {
		grid: 0 !important;
		display: flex !important;
		justify-content: center !important;
		margin-top: 60px !important;
		margin-bottom: 0 !important;
	}

	.category-options button {
		width: 100% !important;
	}
	.photo-request-form .subcategory-options {
		margin-top: 50px !important;
		margin-bottom: 70px !important;
	}

	.photo-request-form .subcategory-options button {
		padding: 10px !important;
		width: 43%;
		height: 100px !important;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.photo-request-form .subcategory-options button:before {
		right: 0px;
		position: relative;
		margin: 0 0 0 0 !important;
	}
	.city-options {
		margin-top: 40px !important;
		margin-bottom: 60px !important;
	}
	.stepprogress {
        left: 0px !important;
        top: -53px !important;
	}
	.itemid-2733 .bannermainbox {
		margin-bottom: 40px;
		padding: 15px;
	}
	.location-options {
		margin-top: 50px !important;
		margin-bottom: 70px !important;
	}
	.calendar-box .persian-calendar-module {
	    width: 100% !important;
    }
    .calendar-box #calendar-chart {
	    width: 100% !important;
    }
    .calendar-box #calendar-stats {
	    width: 100% !important;
    }
    .calendar-box {
		flex-direction: column;
		gap: 40px;
		margin-top: 50px;
	}
	#calendar-chart {
		display: flex;
		justify-content: center;
	}



	




	
    .premium-items .maintitle {
	    padding-top: 15px;
	    background-color: transparent !important;
	    transition: background-color 0.5s ease, box-shadow 0.5s ease;
    }
    .premium-items.premiumfix {
	    padding-top: 85px;
	    transition: background-color 0.5s ease, box-shadow 0.5s ease, color 0.5s ease;
    }
    .premium-items.premiumfix .maintitle {
	    position: fixed;
	    transition: background-color 0.5s ease, box-shadow 0.5s ease, color 0.5s ease;
	    top: -20px;
	    padding-top: 24px;
	    width: 100%;
    	right: 0px;
    	background: #fff !important;
    	box-shadow: 0px 10px 10px #aaaaaa78;
      	height: 75px;
    	margin-top: 0;
    	padding-right: 25px;
    	-webkit-text-fill-color: #ff9800 !important;
    	border-radius: 0 0 10px 10px;
    	z-index: 9;
    }
        .normal-items .maintitle {
    	padding-top: 15px;
    	background-color: none !important;
    	transition: background-color 0.5s ease, box-shadow 0.5s ease, color 0.5s ease;
    }
    .normal-items.normalfix {
    	padding-top: 65px;
    	transition: background-color 0.5s ease, box-shadow 0.5s ease, color 0.5s ease;
    }
    .normal-items.normalfix .maintitle {
    	transition: background-color 0.5s ease, box-shadow 0.5s ease, color 0.5s ease;
    	position: fixed;
    	top: 0px;
    	padding-top: 24px;
    	width: 100%;
    	right: 0px;
    	background: #fff;
    	box-shadow: 0px 10px 10px #aaaaaa78;
    	height: 75px;
    	margin-top: 0;
    	padding-right: 25px;
    	-webkit-text-fill-color: #444 !important;
    	border-radius: 0 0 10px 10px;
    	z-index: 20;
    }

    .free-items .titlebox .title  {
    	padding-top: 15px;
    	background-color: none !important;
    	transition: background-color 0.5s ease, box-shadow 0.5s ease, color 0.5s ease;
    }
    .free-items.freefix {
    	padding-top: 75px;
    	transition: background-color 0.5s ease, box-shadow 0.5s ease, color 0.5s ease;
    }
    .free-items.freefix .titlebox .title {
    	transition: background-color 0.5s ease, box-shadow 0.5s ease, color 0.5s ease;
    	position: fixed;
    	top: 0px;
    	padding-top: 24px;
    	width: 100%;
    	right: 0px;
       	background: #fff;
    	box-shadow: 0px 10px 10px #aaaaaa78;
    	height: 100px;
    	margin-top: 0;
    	padding-right: 35px;
    	-webkit-text-fill-color: #444 !important;
    	border-radius: 0 0 10px 10px;
    	z-index: 20;
    }
    .normal-items.normalfix .maintitle {
        transform: translateY(0);  
        animation: slideDown 0.5s ease forwards; 
    }
    .premium-items.premiumfix .maintitle {
        transform: translateY(0);  
        animation: slideDown 0.5s ease forwards; 
    }
    .free-items.freefix .titlebox .title {
        transform: translateY(0);  
        animation: slideDown 0.5s ease forwards; 
    }

@keyframes slideDown {
  from {
        transform: translateY(-100px);
        opacity: 0;
  }
  to {
        transform: translateY(0);
        opacity: 1;
  }
}


    .normal-items.hide-up.show .maintitle {
        animation: slideup 0.5s  forwards; 
    }
    .premium-items.premiumfix.hide-up.show .maintitle {
	    animation: slideup 0.5s  forwards; 
    	opacity: 1;
    }
    .free-items.freefix.hide-up.show .titlebox .title {
      	animation: slideup 0.5s  forwards; 
    	opacity: 1;
    }
@keyframes slideup {
  from {
        transform: translateY(0px);
        opacity: 1;
  }
  to {
        transform: translateY(-100px);
        opacity: 0;
  }
}


}





 

.itemid-165 .dj-items-table-smart {
	display: block !important;
}

.itemid-165 .astroid-component-section {
	margin-top: 20px !important;
}

.mod-consult-history {
    margin-top: 0 !important;
}
.mod-user-info {
	background: #f5f5f5;
	padding: 30px;
	border-radius: 15px;
}



.dashboard.modal-open .astroid-banner {
	visibility: hidden;
}

.dashboard.modal-open .astroid-header-section {
	visibility: hidden !important;
}









.customplans.is-freelancer .ateliers-plans {
	display: none;
}

.customplans.is-atelier .freelancers-plans {
	display: none;
}

.ateliers-plans
, .freelancers-plans {
	display: flex;
	gap: 15px;
	justify-content: center;
	align-items: flex-end;
}
.ateliers-plans .plan
, .freelancers-plans .plan {
	background: #444;
	width: 30%;
	padding: 25px 15px;
	position: relative;
	border-radius: 20px;
	min-height: 600px;
}
.ateliers-plans .plan.vip {
	border-radius: 20px 0 0 20px;
}
.ateliers-plans .plan.premium-onlyatelier {
	border-radius: 0 20px 20px 0;
}
.ateliers-plans .plan.premium {
	min-height: 680px;
	border-radius: 20px 20px 0 0;
}
.freelancers-plans .plan.premium {
	min-height: 680px;
	border-radius: 20px;
}
.ateliers-plans .suggest-title
, .freelancers-plans .suggest-title {
	background: #333333;
	margin: -25px -15px 25px -15px;
	height: 80px;
	text-align: center;
	font-size: 22px;
	border-radius: 20px 20px 0 0;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #ffc107 !important;
}
.duration-btns {
	display: flex;
	justify-content: center;
}
.duration-btns ul {
	width: 205px;
	height: 45px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 515px;
}
.duration-btns ul li {
	width: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 40px;
}
.duration-btns ul li.monthly button {
	border-radius: 0 55px 55px 0;
}
.duration-btns ul li.yearly button {
	border-radius: 55px 0 0 55px; 
}
.duration-btns ul li button {
	padding: 0 !important;
	background: #333 !important;
	width: 100%;
	height: 100%;
	text-align: center;
}
.duration-btns ul li button.active {
	background: #aee86a !important;
	color: #000 !important;
}
.price-number {
	display: flex;
	justify-content: center;
	margin: 0 auto 15px auto !important;
	font-size: 18px;
}
.plan-title {
	margin-bottom: 20px;
	text-align: center;
	font-size: 20px;
}
.plan .plan-select {
	position: absolute;
	bottom: 15px;
	width: 90%;
	padding: 15px;
	right: 5%;
	background: rgb(0 187 255);
	text-align: center;
	border-radius: 20px;
}
.ateliers-plans .plan.premium .plan-select:hover
, .freelancers-plans .plan.premium .plan-select:hover{
    background: rgb(0, 123, 255);
	cursor: pointer;
}

button#pills-atelierfree-tab {
	border-radius: 55px;
	background: #333333 !important;
	color: #fff !important;
}
.ateliers-plans .plan.free ul li {
	width: 200px !important;
	border-radius: 55px !important;
}



.ateliers-plans .plan.free .plan-select {
	display: none;
}
.ateliers-plans .plan.vip .plan-select
,.ateliers-plans .plan.premium-onlyatelier .plan-select
, .freelancers-plans .plan.vip .plan-select {
	background: #666;
}
.ateliers-plans .plan.vip .plan-select button
, .ateliers-plans .plan.premium-onlyatelier .plan-select button 
, .freelancers-plans .plan.vip .plan-select button{
	color: #444 !important;
}
.ateliers-plans {
	margin-bottom: 50px;
}


.plan-details {
	padding: 0 25px;
}
.plan-details p {
	margin-bottom: 0;
	font-size: 12px;
	color: #fff !important;
}


 

.seecats {
	display: flex;
}
.seecats .cat {
	width: 20%;
}
#seecategories .modal-dialog
, #seecategorieslimit .modal-dialog 
, #seefreelancecategories .modal-dialog {
	width: 1000px !important;
	max-width: unset !important;
}
.seecats .cat li {
	font-size: 14px;
	background: #eee;
	width: fit-content;
	float: right;
	margin-left: 5px;
	margin-bottom: 5px;
	border-radius: 5px;
	padding: 0 7px;
}
.seecats .cat-title {
	font-weight: bold;
	font-size: 17px;
	margin-bottom: 10px;
}
#seecategories .modal-footer button
,#seecategorieslimit .modal-footer button 
, #seefreelancecategories .modal-footer button {
	background: #8bc34a !important;
	padding: 5px 15px !important;
	height: 50px;
	color: #fff !important;
}

.seecategoriesbtn
, .seecategoriesbtn:focus {
	font-size: 12px;
	margin-top: -3px;
	margin-right: 5px;
	background: #333 !important;
	padding: 5px 10px !important;
}

#seecategorieslimit li
, #seefreelancecategories li.atelier {
    display: none !important;
}
#seecategorieslimit li.atelier {
    display: block !important;
}





#atelier-premium-changeplanmodal .modal-dialog {
	width: 800px !important;
	max-width: unset;
	margin-top: 100px;
}



div.plan-title-info {
	text-align: center;
	color: rgb(255, 255, 255) !important;
	font-size: 14px;
	background: #333;
	margin: -0px 0 15px;
	border-radius: 55px;
	padding: 10px;
	display: flex;
	justify-content: space-between;
}
.ateliers-plans .plan.vip .top .plan-title-info {
	display: block !important;
}

.changeplanmodal .modal-header {
	display: flex;
	justify-content: space-between !important;
	padding: 20px;
}
.changeplanmodal .modal-header button {
	margin-left: unset !important;
	background: #eee !important;
	opacity: 1;
	width: 50px;
	height: 30px;
	text-align: center;
}

.dashboard .current-plans-section .buttons-container button.back-btn {
	background: #ccc !important;
}




.plan-option {
	margin-top: 20px;
}
.plan-option .plan-label .plan-price {
	display: none;
}

.select-plan-section .plans-container {
	display: flex;
}
.price-display {
	display: flex;
	align-items: center;
}	
.select-plan-section .plans-container .price-number {
	margin-bottom: 0 !important;
	margin-left: 20px !important;
	font-size: 24px;
}






.dashboard .modal-content .select-plan-section .plan-actions {
	margin-top: 20px;
}
.dashboard .modal-content .select-plan-section .plan-actions button
, #changeplan-payment-back-442 {
	background: #eee !important;
	border-radius: 10px;
	padding: 10px !important;
	margin-left: 10px;
}
.dashboard .modal-content .select-plan-section .plan-actions button.btn-continue {
	background: #8bc34a !important;
	color: #fff !important;
}






.dashboard-comment-item {
	background: #272727 !important;
	border: none !important;
	padding: 15px !important;
}
.dashboard-comment-item .top {
	font-size: 16px !important;
	font-weight: normal;
	padding: 10px 15px 15px;
}
.dash-comment-author {
	font-size: 18px;
}
.dash-comment-text {
	background: #333;
	padding: 15px;
	border-radius: 10px;
	line-height: 25px;
}
.manager-reply-btn {
	background: #333 !important;
	padding: 10px !important;
	border-radius: 10px 10px 0 !important;
	margin-top: 20px !important;
	padding: 15px !important;
}
.manager-reply-collapse {
	background: #333 !important;
	border: none !important;
	padding: 15px !important;
	margin-top: -5px !important;
	border-radius: 10px 0 10px !important;
}
.manager-reply-textarea {
	height: 100px !important;
}
.reply-actions .submit-reply-btn {
	background: #8bc34a !important;
	padding: 10px 35px !important;
	border-radius: 10px !important;
	margin-left: 15px;
}
#comment-category-filter {
	padding: 15px !important;
	margin-right: 10px !important;
	border-radius: 15px;
}



.has-parent .top {
	padding: 0 !important;
}
.has-parent span.dash-comment-author {
	margin-top: 10px;
	font-size: 16px;
	margin: 20px 0 5px;
	color: #ffc107 !important;
}
.has-parent {
	padding: 0 !important;
}
.has-parent .dash-comment-text {
	border: 2px solid #ffc107 !important;
	color: #ffc107 !important;
}






.advert-calendarbox {
	display: flex !important;
	justify-content: center;
}
.advert-calendar-module {
	width: 100% !important;
	margin: auto !important;
	text-align: center !important;
	display: flex;
}
.advert-calendar-module .detailbox {
	max-width: 50%;
	flex: 1;
}	
.advert-calendar-module .calendar-detail {
	/background: green;
	padding: 50px;
}
.advert-calendar-module .calendar-container {
	margin: auto !important;
	float: none !important;
	z-index: 1 !important;
	max-width: unset;
	width: 80%;
}
.advert-calendar-module .slotselectinfo {
	width: 50%;
	padding: 50px;
	/background: yellow !important;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	/padding: 0 !important;
}
.advert-calendar-module .slotselectedinfo {
	width: 100% !important;
	background: none !important;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
}
.advert-calendar-module .slotselectprice {
	width: 30%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	display: none;
}

.slotdateinfo {
	/background: #f5f5f5 !important;
	margin-bottom: 20px;
	width: 100%;
	padding: 15px;
	border-radius: 15px;
	font-size: 14px;
	margin-bottom: 50px !important;
}

.slotdateinfo .date-title {
	/font-weight: bold;
	font-size: 18px;
	margin-bottom: 15px;
	display: none;
}
.slotdateinfo .date-numeric {
	font-size: 28px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 15px;
	color: rgb(52 0 200) !important;
}
.slotdateinfo .date-info-bottom {
	display: flex;
	justify-content: center;
	gap: 10px;
	font-size: 15px;
	background: #f9f9f9 !important;
	border-radius: 10px;
	padding: 10px 0;
}




.slotselectloader , .slotselectloader:before, .slotselectloader:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  animation-fill-mode: both;
  animation: bbl-FadInOut 1.8s infinite ease-in-out;
}
.slotselectloader {
  color: #9a3bfa7a !important;
  font-size: 7px;
  position: relative;
  text-indent: -9999em;
  transform: translateZ(0);
  animation-delay: -0.16s;
}
.slotselectloader:before,
.slotselectloader:after {
  content: '';
  position: absolute;
  top: 0;
}
.slotselectloader:before {
  left: -3.5em;
  animation-delay: -0.32s;
}
.slotselectloader:after {
  left: 3.5em;
}

@keyframes bbl-FadInOut {
  0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em }
  40% { box-shadow: 0 2.5em 0 0 }
}
    




.slotselectbtns  {
	width: 100% !important;
}
.slotselectbtns form .slot-btn {
	width: 70% !important;
	padding: 15px 10px;
	margin: 0 auto 15px;
	border-radius: 10px;
	border: 2px solid #ccc;
	display: flex;
	align-items: center;
}
.slotselectbtns form .slot-btn input {
	visibility: hidden;
}
.slotselectbtns form .slot-btn label {
	width: 180px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.slotselectbtns form .slot-btn.selected {
	background: #f8f8f880;
	/border: 2px solid #ccc;
	position: relative;
	border-radius: 10px 0 0 10px;
	transition: 0.5s;
}
.slotselectbtns form .slot-btn.selected:before {
  content: "";
  transition: 0.5s;
  position: absolute;
  top: 0;
  right: -1px;
  width: 6px; 
  height: 100%;
  background: linear-gradient(
    to bottom,
    #2fb67d 16.66%,
    #1f6fff 16.66%,
    #1f6fff 33.33%,
    #38c4f2 33.33%,
    #38c4f2 50%,
    #4b0096 50%,
    #4b0096 66.66%,
    #e11f59 66.66%,
    #e11f59 83.33%,
    #ffbb00 83.33%
  );
}
.slotselectbtns form .slot-btn.selected:after {
	content: "";
	margin-right: -3px;
	position: absolute;
	left: 15px;
	/float: right;
	margin-top: 3px;
	opacity: 0.5;
	width: 20px;
	height: 20px;
	background-image: url('/images/webdesign/checked.png') !important;
	background-size: 20px !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;
}



.slotselectbtns form .slot-btn span.status.reserved {
	margin-right: 10px;
	font-size: 14px;
	background: #f2f2f2;
	color: #ccc !important;
	padding: 5px 12px;
	border-radius: 55px;
}
.slotselectbtns form .slot-btn span.status.available {
	margin-right: 10px; 
	font-size: 14px;
	background: #e6feda;
	color: #4caf50 !important;
	padding: 5px 12px;
	border-radius: 55px;
}
.calendar-day.friday {
    color: red !important;
}





.slotselectbtns form .slot-btn.reserving-now {
	height: 70px;
}

.slotselectbtns form .slot-btn.reserving-now label {
	width: unset;
}
.slotselectbtns form .slot-btn.reserving-now span.status.reserving {
	color: red !important;
	font-size: 12px;
	margin-right: 10px;
}
.slotselectbtns form .slot-btn.reserving-now span.status.reserving:before {
	content: "";
	float: right;
	margin-top: 10px;
	margin-left: 5px;
	display: block;
	width: 8px;
	height: 8px;
	background: red;
	border-radius: 55px;
	animation: on-off 1s infinite;
}

@keyframes on-off {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}








.calendar-day.showinfo {
    position: relative;
    z-index: 1; 
    animation: pulseGlow 2s infinite;
	background: #8bc34a;
	color: #fff !important;
}

@keyframes pulseGlow {
    0% {
        box-shadow: 0 0 0 0 rgba(76, 175, 80, 0.9);
    }
    70% {
        box-shadow: 0 0 0 10px rgba(76, 175, 80, 0);
    }
    100% {
        box-shadow: 0 0 0 0px rgba(76, 175, 80, 0);
    }
}









.advert-calendar-module .calendar-day.morning-reserved {
    /background: linear-gradient(90deg, #9a3bfa59 50%, #f9f9f9 50%);
	/background: #f5f5f5;
}
.advert-calendar-module .calendar-day.afternoon-reserved {
    /background: linear-gradient(90deg, #f9f9f9 50%, #9a3bfa59 50%);
	/background: #f5f5f5;
}
.advert-calendar-module .calendar-day.full-reserved {
    /background: #9a3bfa;
	color: #fff !important;
}
.advert-calendar-module .calendar-day.has-afternoon {
	/background: linear-gradient(90deg, #f9f9f9 50%, #9a3bfa59 50%);
	/background: #f5f5f5;
}
.advert-calendar-module .calendar-day.has-morning {
	/background: linear-gradient(90deg, #9a3bfa59 50%, #f9f9f9 50%);
	background: #f5f5f5;
}
.advert-calendar-module .calendar-day.has-morning:after {
	/display: none !important;
}

.advert-calendar-module .calendar-day.has-afternoon:before {
	/display: none !important;
}
.advert-calendar-module .calendar-day.has-morning:before {
	/display: none !important;
}





.fullday-is-reserved {
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	position: relative;
	margin-top: 100px;
}
.fullday-is-reserved:before {
	content: "";
	margin-right: -3px;
	position: absolute;
	top: -120px;
	right: calc(50% - 48px);
	margin-top: 0px;
	width: 96px;
	height: 96px;
	background-image: url('/images/webdesign/reserved.png') !important;
	background-size: 96px !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;
}




.slots-reserved {
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	position: relative;
	margin-top: 100px;
}
.slots-reserved:before {
	content: "";
	margin-right: -3px;
	position: absolute;
	top: -120px;
	right: calc(50% - 48px);
	margin-top: 0px;
	width: 96px;
	height: 96px;
	background-image: url('/images/webdesign/reserved.png') !important;
	background-size: 96px !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;
}






/*
.persian-calendar-module .calendar-day.has-morning:after {
    content: '';
    position: absolute;
    /top: 0; left: 0;
    width: 100%; height: 100%;
    border-radius: 50%;
    /border: 3px solid #8600ff6b; 
    clip-path: polygon(0 0, 40% 0, 40% 100%, 0% 100%); 
    /box-sizing: border-box;
}
.persian-calendar-module .calendar-day.has-afternoon:before {
    content: '';
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    border-radius: 50%;
    /border: 1px solid #8600ff6b;
    clip-path: polygon(60% 0, 100% 0, 100% 100%, 60% 100%);
    box-sizing: border-box;
}

.persian-calendar-module .calendar-day.morning-reserved {
    /background: linear-gradient(90deg, #9a3bfa 50%, #f9f9f9 50%);
}
.persian-calendar-module .calendar-day.afternoon-reserved {
    /background: linear-gradient(90deg, #f9f9f9 50%, #9a3bfa 50%);
}
.persian-calendar-module .calendar-day.full-reserved {
   / background: #9a3bfa;
	color: #fff !important;
}
.persian-calendar-module .calendar-day.has-fullday {
	/border: 3px solid #8600ff6b;
}
*/







	

/*
.advert-calendar-module .calendar-day.has-fullday {
	border: none !important;
	background:#9a3bfa59;
}
.advert-calendar-module .calendar-day.has-afternoon::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  border-radius: 50%;
	clip-path: polygon(55% 0, 100% 0, 100% 100%, 55% 100%);
}
.advert-calendar-module .calendar-day.has-morning::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  border-radius: 50%;
	clip-path: polygon(0 0, 45% 0, 45% 100%, 0% 100%); 
}
.advert-calendar-module .calendar-day.has-morning::before {
  left: 0;
  background-color: #9a3bfa38;
}

.advert-calendar-module .calendar-day.has-afternoon::after {
  right: 0;
  background-color: #9a3bfa38 ;
}
*/









.advert-calendar-module .calendar-day.full-booked {
	border: none !important;
	background:#7cfa3b59;
}
.advert-calendar-module .calendar-day.afternoon-booked::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	border-radius: 50%;
	clip-path: polygon(55% 0, 100% 0, 100% 100%, 55% 100%);
}
.advert-calendar-module .calendar-day.morning-booked::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	border-radius: 50%;
	clip-path: polygon(0 0, 45% 0, 45% 100%, 0% 100%); 
}
.advert-calendar-module .calendar-day.morning-booked::before {
	left: 0;
	background-color: #7cfa3b59;
}

.advert-calendar-module .calendar-day.afternoon-booked::after {
	right: 0;
	background-color: #7cfa3b59 ;
}






/*
.advert-calendar-module .calendar-day span.morning-reserving::after {
	content: "";
	position: absolute;
	left: 2px;
	float: left;
	top: calc(50% - 11px);
	position: absolute;
	width: 18px;
	height: 18px;
	background-image: url('/images/webdesign/timer.png') !important;
	background-size: 18px !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;
	z-index: 2;
}

.advert-calendar-module .calendar-day span.afternoon-reserving::after {
	content: "";
	position: absolute;
	right: 2px;
	float: left;
	top: calc(50% - 11px);
	z-index: 2;
	position: absolute;
	width: 18px;
	height: 18px;
	background-image: url('/images/webdesign/wait.png') !important;
	background-size: 18px !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;
}
*/
	

/*
.advert-calendar-module .calendar-day span.afternoon-reserving {
	position: absolute;
	right: 8px;
	float: left;
	top: calc(50% - 5px);
	display: block;
	position: absolute;
	width: 7px;
	height: 8px;
	background: #ff1100;
	border-radius: 55px;
	animation: on-off 1s infinite;
	z-index: 2;
}	
.advert-calendar-module .calendar-day span.morning-reserving {
	position: absolute;
	left: 8px;
	float: left;
	top: calc(50% - 5px);
	display: block;
	position: absolute;
	width: 8px;
	height: 8px;
	background: red;
	border-radius: 55px;
	animation: on-off 1s infinite;
}
.advert-calendar-module .calendar-day span.full-reserving {
	position: absolute;
	right: calc(50% - 5px);
	float: left;
	top: calc(50% - 5px);
	display: block;
	position: absolute;
	width: 8px;
	height: 8px;
	background: red;
	border-radius: 55px;
	animation: on-off 1s infinite;
}

@keyframes on-off {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

*/








.advert-calendar-module .calendar-day.full-reserving {
	border: none !important;
	background:#faceffab;
}
.advert-calendar-module .calendar-day.afternoon-reserving::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  border-radius: 50%;
	clip-path: polygon(65% 0, 100% 0, 100% 100%, 65% 100%);
}
.advert-calendar-module .calendar-day.morning-reserving::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  border-radius: 50%;
	clip-path: polygon(0 0, 35% 0, 35% 100%, 0% 100%); 
	z-index: 0;
}
.advert-calendar-module .calendar-day.morning-reserving::before {
  left: 0;
  background-color: #faceffab;
}

.advert-calendar-module .calendar-day.afternoon-reserving::after {
  right: 0;
  background-color: #faceffab ;
}






	


.calendar-spinner, .calendar-spinner:before, .calendar-spinner:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  animation-fill-mode: both;
  animation: bblFadInOut 1.8s infinite ease-in-out;
}
.calendar-spinner {
  color: #9a3bfa7a !important;
  font-size: 7px;
  position: relative;
  text-indent: -9999em;
  transform: translateZ(0);
  animation-delay: -0.16s;
}
.calendar-spinner:before,
.calendar-spinner:after {
  content: '';
  position: absolute;
  top: 0;
}
.calendar-spinner:before {
  left: -3.5em;
  animation-delay: -0.32s;
}
.calendar-spinner:after {
  left: 3.5em;
}

@keyframes bblFadInOut {
  0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em }
  40% { box-shadow: 0 2.5em 0 0 }
}
    








.status-guide {
	font-size: 14px;
	padding: 15px;
	margin-top: 10px;
}
.status-guide span {
	margin-right: 10px;
	font-size: 13px;
}
.status-guide div {
	margin-bottom: 10px;
}
.status-guide .reserving:before {
	content: "";
	float: right;
	margin-top: 5px;
	margin-left: 5px;
	display: block;
	width: 18px;
	height: 18px;
	background: #eb91f5;
	border-radius: 55px;
}
.status-guide .morning-booked:before {
	content: "";
	float: right;
	margin-top: 3px;
	margin-left: 5px;
	display: block;
	width: 20px;
	height: 20px;
	background-image: url('/images/webdesign/half.png') !important;
	background-size: 20px !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;
	transform: rotate(-180deg); 
}
.status-guide .afternoon-booked:before {
	content: "";
	float: right;
	margin-top: 3px;
	margin-left: 5px;
	display: block;
	width: 20px;
	height: 20px;
	background-image: url('/images/webdesign/half.png') !important;
	background-size: 20px !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;
}
.status-guide .full-booked:before {
	content: "";
	float: right;
	margin-top: 3px;
	margin-left: 5px;
	display: block;
	width: 20px;
	height: 20px;
	background-image: url('/images/webdesign/full-day.png') !important;
	background-size: 20px !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;
}










.slot-wrapper {
    margin-bottom: 15px;
}

.slot-wrapper:last-child {
    margin-bottom: 0;
}
.slot-btn input[type="radio"] {
    margin-left: 10px;
    width: 20px;
    height: 20px;
    cursor: pointer;
}
.package-collapse {
    border-radius: 10px;
    padding: 0;
    margin-top: 10px;
    border: 1px solid #ccc;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
}

.package-collapse.active {
    max-height: 400px;
    opacity: 1;
    padding: 15px;
	width: 70%;
	margin: 10px auto 30px;
	background: #fbfbfb;
}

.package-title {
    font-weight: bold;
    margin-bottom: 12px;
    font-size: 0.95rem;
    padding-bottom: 8px;
}

.package-option {
    padding: 10px;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    transition: all 0.3s ease;
    cursor: pointer;
}

.package-option:last-child {
    margin-bottom: 0;
}
.package-option input[type="radio"] {
    margin-left: 10px;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

























.package-modal-content {
    max-width: 600px;
}

.selected-date-info {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 25px;
    color: white;
}

.date-badge {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}

.date-badge svg {
    flex-shrink: 0;
}

.slot-badge {
    display: inline-block;
    background: rgba(255, 255, 255, 0.2);
    padding: 6px 16px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 500;
    backdrop-filter: blur(10px);
}

.packages-list {
    min-height: 200px;
    max-height: 400px;
    overflow-y: auto;
}

.packages-placeholder {
    text-align: center;
    color: #999;
    padding: 60px 20px;
    font-size: 15px;
}

.calendar-modal-actions .change-date-btn,
.calendar-modal-actions .next-step-btn {
    padding: 12px 25px;
    border: none;
    border-radius: 25px;
    cursor: pointer;
    font-size: 15px;
    font-weight: 600;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    align-items: center;
    gap: 8px;
    outline: none;
}

.change-date-btn {
    background: #ffffff;
    color: #6c757d;
    border: 2px solid #e9ecef;
}

.change-date-btn:hover {
    background: #f8f9fa;
    border-color: #dee2e6;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.next-step-btn {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);
}

.next-step-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(102, 126, 234, 0.5);
}

.next-step-btn svg {
    transition: transform 0.3s ease;
}

.next-step-btn:hover svg {
    transform: translateX(5px);
}

.change-date-btn svg {
    transition: transform 0.3s ease;
}

.change-date-btn:hover svg {
    transform: translateX(-5px);
}

/* Responsive */
@media (max-width: 600px) {
    .package-modal-content {
        width: 95%;
    }

    .calendar-modal-actions {
        flex-direction: column-reverse;
    }

    .change-date-btn,
    .next-step-btn {
        width: 100%;
        justify-content: center;
    }

    .selected-date-info {
        padding: 15px;
    }

    .date-badge {
        font-size: 16px;
    }
}







.booking-toast {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: #4caf50;
    color: #fff;
    padding: 12px 20px;
    border-radius: 4px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.2);
    font-size: 14px;
    z-index: 99999;
    opacity: 0;
    transition: opacity 0.4s, transform 0.4s;
    transform: translateY(20px);
}
.booking-toast.show {
    display: block;
    opacity: 1;
    transform: translateY(0);
}
.booking-toast.error {
    background: #f44336; 
}




/* Backdrop */
.modal-backdrop {
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0,0,0,0.5);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
    z-index: 1040;
}

/* Modal basic */
.modal {
    position: fixed;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%) scale(0.95);
    background: transparent;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    z-index: 1050;
}

/* Dialog content */
.modal-dialog {
    max-width: 500px;
    margin: auto;
}

.modal-content {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0,0,0,0.2);
    animation: scaleIn 0.3s ease;
}

.modal-header, .modal-footer {
    padding: 15px;
    /background: #f8f9fa;
}

.modal-title {
    margin: 0;
}

.modal-body {
    padding: 20px;
}

.close {
    background: none;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
}

/* Fade-in active state */
.modal.show {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) scale(1);
}

.modal-backdrop.show {
    opacity: 1;
    visibility: visible;
}

/* Animation for content */
@keyframes scaleIn {
    from { transform: scale(0.95); opacity: 0; }
    to { transform: scale(1); opacity: 1; }
}





.notavailableinfo {
	display: none;
}
.expiredinfo {
	display: none;
}
.axit-booking-container.not-available .stepper-wrapper {
	display: none !important;
}
.axit-booking-container.not-available .notavailableinfo .text {
	text-align: center;
	color: #f23232 !important;
	margin-bottom: 30px;
}
.axit-booking-container.not-available .notavailableinfo .link-title {
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 30px;
}
.axit-booking-container.not-available .notavailableinfo .photographer-back-link  {
	font-size: 16px;
	font-weight: normal;
	background: #eee;
	padding: 20px;
	box-shadow: 0 15px 50px -30px #00000063 !important;
	border-radius: 10px;
}
.axit-booking-container.not-available .notavailableinfo {
	display: block;
	font-size: 24px;
	font-weight: bold;
	position: relative;
	margin-top: 150px;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.axit-booking-container.not-available .notavailableinfo:before {
	content: "";
	position: absolute;
	top: -150px;
	right: calc(50% - 60px);
	width: 120px;
	height: 120px;
	background-image: url('/images/webdesign/notime.png') !important;
	background-size: 120px !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;
}
.axit-booking-container.not-available .booking-form {
	display: none !important;
}
.axit-booking-container.not-available .cancel-request-btn {
	display: none !important;
}



.axit-booking-container.is-expired .booking-form {
	display: none !important;
}
.axit-booking-container.is-expired .cancel-request-btn {
	display: none !important;
}
.axit-booking-container.is-expired .stepper-wrapper {
	display: none !important;
}
.axit-booking-container.is-expired .expiredinfo {
	display: block;
	position: relative;
	margin-top: 150px;
	display: flex;
	flex-direction: column;
	align-items: center;
	
}
.axit-booking-container.is-expired .expiredinfo .text {
	text-align: center;
	line-height: 50px;
	font-size: 24px;
	font-weight: bold;
}
.axit-booking-container.is-expired .expiredinfo .textbottom {
	font-size: 18px;	
	margin-bottom: 30px;
}
.axit-booking-container.is-expired .expiredinfo:before {
	content: "";
	position: absolute;
	top: -150px;
	right: calc(50% - 60px);
	width: 120px;
	height: 120px;
	background-image: url('/images/webdesign/time-done.png') !important;
	background-size: 120px !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;
}

.axit-booking-container.is-expired .photographer-back-link  {
	font-size: 16px;
	font-weight: normal;
	background: #eee;
	padding: 20px;
	box-shadow: 0 15px 50px -30px #00000063 !important; 
	border-radius: 10px; 
}

.bookingtrackbox {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: -10px;
	margin-bottom: 20px;
}
.bookingtrackbox .booking-time-counter {
	margin-top: 0;
	background: #f5f5f5;
}


.info-box {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.info-box .info-value {
	font-size: 28px;
	margin: 20px 0;
}





.calendar-box {
	display: none !important;
}
.com-djclassifieds.view-item .calendar-box {
	display: flex !important;
}




.price-range-notice {
	border: none !important;
	/background: #ffc107 !important;
	border: 2px solid  #ffc107 !important;
	border-radius: 10px !important;
}
.price-range-notice small {
	font-size: 15px;
	color:  #ffc107 !important;
}
.price-range-notice small strong {
	color: unset !important;
	font-size: 17px;
	margin: 0 7px;
	border-bottom: 1px dashed;
}
.price-range-notice button.axit-info-button {
	background: #ffc107 !important;
	color: #444 !important;
	font-size: 15px;
	padding: 5px 20px !important;
}



.axit-modal-body p {
	font-size: 16px;
	font-weight: bold;
}
.axit-modal-body p:before {
	content:"";
	background: #444;
	width: 10px;
	height: 10px;
	border-radius: 55px;
	display: block;
	float: right;
	margin: 8px 0 0 5px;
}



#remove-image {
	background: #f44336 !important;
	color: #fff !important;
	top: -10px !important;
	position: absolute;
	left: -10px;
	text-align: center;
	width: 100px;
}





#toast-container .toast.success span {
	color: #fff !important;
}
#toast-container .toast {
    opacity: 0;
    transform: translateY(100px) translateX(0) !important;
    transition: all 0.5s ease !important;
    position: fixed;
    bottom: 20px;
    left: 20px;
    width: auto;
    z-index: 9999;
}

#toast-container .toast.show {
    opacity: 1;
    transform: translateY(0) translateX(0) !important;
	transition: all 0.5s ease !important;
}

#toast-container .toast.hide {
    opacity: 0;
    transform: translateY(100px) translateX(0); 
}

.upload-progress .progress-text {
    color: #fff !important;
    font-weight: normal !important;
}






.category-btn {
	border: 1px solid #f5f5f5 !important;
	padding: 10px !important;
}
.category-btn.selected {
	border: 1px solid #888 !important;
	box-shadow: none !important;
}
.category-btn.selected .btn-icon {
	filter: none;
}





#toast-container .toast {
	background: #fff;
}





.axitblog .blog-item {
	padding: 20px 30px 20px;
	border-radius: 15px;
}
.axitblog .blog-item .item-content img {
	border-radius: 45px 15px 15px 15px;
	transform: translateY(-40px);
}
.axitblog .blog-item .item-content .item-title {
	background: #fff;
	border-radius: 15px 0 0 15px;
	padding: 20px 20px;
	width: 90%;
	margin: -90px auto 20px auto;
	box-shadow: 0px 5px 30px -20px;
	position: relative;
}
.axitblog .blog-item .item-content .item-title::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0px;
  width: 4px; 
  border-radius: 100px;
  height: 100%;
  background: linear-gradient(
    to bottom,
    #2fb67d 16.66%,
    #1f6fff 16.66%,
    #1f6fff 33.33%,
    #38c4f2 33.33%,
    #38c4f2 50%,
    #4b0096 50%,
    #4b0096 66.66%,
    #e11f59 66.66%,
    #e11f59 83.33%,
    #ffbb00 83.33%
  );
}
.axitblog .blog-item .item-content .item-title h2 {
	font-size: 19px;
	margin-bottom: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.axitblog .blog-item .item-content .item-image {
	aspect-ratio: 5 / 2.4;  
	width: 100%; 
	/overflow: hidden;
}
.axitblog .blog-item .item-content .item-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.axitblog .blog-item .item-content .article-info {
	width: 90%;
	margin: auto;
	padding: 0 10px;
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.blogaxitblog .blog-items .row {
	gap: 10px;
}
.axitblog .blog-item .item-content .createdby {
	display: none;
}

.article-top-box {
	position: relative;
	margin-bottom: 60px;
	padding: 0 80px;
}
.article-title-infoblock {
	position: absolute;
	bottom: 30px;
	z-index: 1;
	right: 50px;
	background: linear-gradient(to left, rgb(44 46 54 / 97%) 20%,rgb(44 46 54 / 58%));
	padding: 25px;
	border-radius: 20px;
	height: 120px;
}
.article-title-infoblock h1 {
	color: #fff !important;
	border-radius: 20px;
	font-size: 24px;
	margin-bottom: 15px;
}
.article-info-block .article-info {
	color: #fff;
	opacity: 1 !important;
}
.article-info-block .article-info dd {
	color: #fff !important;
	font-size: 16px;
}
.article-info-block .article-info .createdby {
	display: none;
}
.article-info-block .article-info dd span {
	color: #fff !important;
}
.article-info-block .article-info dd span.icon-user {
	margin-left: 5px;
}
.article-top-box .article-full-image {
	aspect-ratio: 3.7 / 1;
	width: 100%;
	overflow: hidden;
	position: relative;
	box-shadow: 0px 75px 30px -70px #000;
}

.article-top-box .article-full-image figure {
	width: 100%;
	height: 100%;
	margin: 0;
}

.article-top-box .article-full-image figure img {
	border-radius: 225px 25px 25px 35px;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 30% 75%; 
	display: block;
}



.item-pageaxitblog .com-content-article__body {
	padding: 0 80px;
}
.item-pageaxitblog .com-content-article__body p:first-child {
	font-size: 18px;
	text-align: justify;
	line-height: 35px;
	margin-bottom: 50px;
	position: relative;
	padding: 25px;
	color: rgb(44, 46, 54) !important;
	border-radius: 25px 25px 5px 5px;
	color: rgb(44, 46, 54) !important;
	background:
    linear-gradient(to left, #eee, rgb(255 255 255 / 0%)),
    linear-gradient(to bottom, rgb(255, 255, 255), #ffffff),
    linear-gradient(-150deg, #444, #fff);
	background-blend-mode: overlay;
}
.item-pageaxitblog .com-content-article__body p:first-child:before {
	content: "";
	float: right;
	margin-left: 5px;
	margin-top: 0px;
	width: 28px;
	height: 28px;
	background-image: url('/images/webdesign/axit-icon.png') !important;
	background-size: 28px !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;
	transform: translateY(5px);
}
.item-pageaxitblog .com-content-article__body p {
	font-size: 18px;
	text-align: justify;
}

.faqsmart {
	background: linear-gradient(to left, rgb(44, 46, 54) 30%,rgb(44, 46, 54));
	padding: 15px;
	margin: 50px 0 !important;;
	border-radius: 25px;
	box-shadow: 0 100px 60px -90px #00000085;
}
.faqsmart-title {
	margin: 15px;
	color: #ffc107 !important;
}
.faqsmart .accordion-item {
	border: none;
	padding: 0px 10px 10px;
	background: none !important;
	margin-top: -20px;
}
.faqsmart .accordion-item.active {
	margin-bottom: 10px;
	border-radius: 15px;
}
.faqsmart h3.accordion-header {
	padding: 10px;
	border: none !important;
	position: relative;
}
.faqsmart .accordion-collapse {
	background: #0000004d;
	border-radius: 5px !important;
	border-right: 3px solid #ffc107;
	margin: 0 15px 0px;
	transition: 0 !important;
}
.faqsmart .accordion-collapse.show {
	transition: 0 !important;
}
.faqsmart .accordion-body {
	color: #ffc107 !important;
	font-size: 16px;
	padding: 20px 15px;
}
.faqsmart .accordion-button {
	box-shadow: none;
	color: #fff !important;
	font-size: 18px !important;
}
.faqsmart .accordion-item.active .accordion-button {
	color: #ffc107 !important;
}
.faqsmart .accordion-item.active .accordion-button:after {
	margin-top: -7px;
}
.faqsmart .accordion-button:after {
	background-size: 15px;
	margin-top: 3px;
	margin-right: 10px;
}
.faqsmart .accordion-body p:first-child {
	display: none;
}



.blog-cat {
	padding: 50px;
	margin-top: 0;
}
.blog-cat .card {
	padding: 0 !important;
	border: none;
}
.blog-cat .category-thumb {
	aspect-ratio: 4 / 2;
	width: 100%;
	overflow: hidden;
	position: relative;
	box-shadow: 0px 55px 30px -70px #000;
	margin-bottom: 30px !important;
}
.blog-cat .category-thumb img {
	border-radius: 25px;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 30% 75%; 
	display: block;
}



.blogaxitblog .category-desc {
	margin-bottom: 50px;
}






.related-smart-block {
	border: 2px dashed #ff07c3;
	background: #f9f9f9;
	padding: 25px 15px;
	border-radius: 15px;
	margin: 20px 0;
}
.related-head {
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 15px;
	color: #ff07c3 !important;
}
.related-item a {
	color: #ff07c3 !important;
}







.axit-register-steps .astroid-header-section nav {
	visibility: hidden;
}
.axit-register-steps .astroid-header-section .offcanvasLeft {
	display: none !important;
}
.axit-register-steps .astroid-header-section .astroid-logo {
	margin-right: 20px;
}




.axit-registration-steps .axitinfo {
	display: none !important;
}

.axit-registration-steps .topheader  {
	border: none !important;
}	
.axit-registration-steps .footerbox {
	display: none !important;
}
.axit-registration-steps .registration-banner:before {
	content: "";
	margin-right: -3px;
	float: right;
	margin-top: 0px;
	width: 256px;
	height: 256px;
	background-image: url('/images/webdesign/add-icon.png') !important;
	background-size: 226px !important;
    background-repeat: no-repeat !important;
	rotate: -10deg;
    background-position: 0px 0px !important;
	position: absolute;
	left: 50px;
	top: -60px;
	z-index: 1 !important;
}

.registration-banner {
	background: #dbefff !important;
	width: 95%;
	margin: 80px auto 0;
	border-radius: 50px 5px 50px 50px;
	padding: 0 50px;
	height: 180px;
	z-index: 0 !important;
	box-shadow: 5px 10px #f5f5f5;
}
.registration-banner h1 {
	font-size: 32px !important;
	margin: 0;
	color: rgb(0 72 141) !important;
}
.registration-banner h2 {
	font-size: 20px !important;
	margin-top: 20px;
	color: rgb(0 72 141) !important;
}


.mod-axit-first-register {
	border-radius: 50px 5px 50px 50px;
	box-shadow: 5px 10px #dbefff;
	border: 1px solid #eee !important;
	padding: 40px 40px 100px !important;
}

.axit-step h3.axit-step-title {
	text-align: right;
	color: #396ce8 !important;
}


.axit-step button {
	background: #dbefff !important;
	font-size: 20px;
	padding: 15px 35px !important;
	position: absolute;
	right: 0px;
}
.axit-step button:focus {
	background: #dbefff !important;
}
.axit-login-btn {
    /display: none !important;
}
.axit-step-1 button {
	right: 40px;
}
.axit-step .axit-message-success {
	border: none;
	background: none;
	font-size: 18px;
	color: #000000 !important;
	text-align: right;
	padding: 0;
	margin: 30px 0 !important;
	
}
.axit-step .axit-message-success:before {
	content: "";
	margin-left: 10px;
	float: right;
	margin-top: -10px;
	width: 46px;
	height: 46px;
	background-image: url('/images/webdesign/check.png') !important;
	background-size: 46px !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;
}
.axit-profile-type-item span {
	text-align: center !important;
	font-size: 20px !important;
}
.axit-profile-type-item {
	padding: 0 !important;
}
.axit-profile-type-item input {
	visibility: hidden;
	position: absolute;
}
.axit-profile-type-item label {
	width: 100% !important;
	height: 100% !important;
}
.axit-profile-type-item {
	height: 80px;
	display: flex;
	justify-content: center;
	border: none !important;
}
.axit-profile-type-label {
	width: 100% !important;
	display: flex;
	justify-content: center;
}
.axit-profile-types {
	position: relative;
}
.axit-profile-type-item.selected {
	border: 2px solid rgb(227 233 238) !important;
	background: #f2f2f2;
	box-shadow: none;
	position: relative;
}
.axit-profile-type-item:hover {
	box-shadow: none;
}
.axit-profile-type-item.selected:hover {
	border: none !important;
}
.axit-profile-type-item.selected span {
	/color: #396ce8 !important;
	font-weight: bold;
}
.axit-profile-type-item.selected:after {
  content: "";
  transition: 0.5s;
  position: absolute;
  top: 0;
  right: 0px;
  width: 6px; 
  height: 100%;
  background: linear-gradient(
    to bottom,
    #2fb67d 16.66%,
    #1f6fff 16.66%,
    #1f6fff 33.33%,
    #38c4f2 33.33%,
    #38c4f2 50%,
    #4b0096 50%,
    #4b0096 66.66%,
    #e11f59 66.66%,
    #e11f59 83.33%,
    #ffbb00 83.33%
  );
}




.axit-loading {
  padding: 0 50px 0;
  margin-right: -10px;
  margin-top: 0px;
  position: relative;
}
.axit-loading::after,
.axit-loading::before {
  content: '';  
  box-sizing: border-box;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #ffc107;
  position: absolute;
  right: 0;
  top: -10px;
  animation: animloader 2s linear infinite;
}
.axit-loading::after {
  animation-delay: 1s;
}

@keyframes animloader {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
    




.axit-success-icon {
    display: none;
}
.axit-step.axit-success .axit-step-title {
    margin-top: -30px;
}






.axit-redirect-message {
  padding: 0 50px 0;
  margin-right: -10px;
  margin-top: 0px;
  position: relative;
}
.axit-redirect-message::after,
.axit-redirect-message::before {
  content: '';  
  box-sizing: border-box;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #ffc107;
  position: absolute;
  right: 0;
  top: -10px; 
  animation: animloader 2s linear infinite;
}
.axit-redirect-message::after {
  animation-delay: 1s;
}

@keyframes animloader {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
    






.email-section {
	background: #f5f5f5;
	padding: 15px;
	border-radius: 15px;
	border: 3px solid #eee;
	position: relative;
}
button#send-email-code {
	background: #71b7e6 !important;
	font-weight: normal;
	color: #fff !important;
	border: none !important;
	padding: 10px 30px !important;
	height: 60px !important;
	left: 15px;
	bottom: 15px;
	margin-top: 20px !important;
}
.email-section input {
	height: 60px !important;
	margin-top: 5px;
}

.email-section small#verification-timer {
	margin: 0px;
	font-size: 14px;
	background: #ddd;
	padding: 5px 5px;
	min-width: 170px !important;
	width: 170px !important;
	text-align: center;
	border-radius: 5px;
}
input#verification-code {
	margin-bottom: 20px;
}

button#verify-email-code {
	background: #71b7e6 !important;
	font-weight: normal;
	color: #fff !important;
	border: none !important;
	padding: 10px 30px !important;
	height: 60px !important;
	left: 15px;
	bottom: 15px;
	margin-top: 0 !important;
}

small#spambox.form-text {
	margin-top: 10px !important;
}
small#spambox.form-text:before {
	content: "";
	margin-left: 5px;
	float: right;
	margin-top: 3px;
	width: 18px;
	height: 18px;
	background-image: url('/images/webdesign/info.png') !important;
	background-size: 18px !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;
}
#email-verified-icon {
	color: #4caf50 !important;
	font-weight: normal;
	margin-top: 10px;
}

.social-field-notify {
	background: #27ff0026;
	padding: 20px 20px;
	margin-bottom: 30px;
	border-radius: 10px;
	font-size: 16px !important;
	color: #14cb55 !important;
}
.social-field-notify:before {
	content: "";
	margin-left: 10px;
	float: right;
	margin-top: 0px;
	width: 24px;
	height: 24px;
	background-image: url('/images/webdesign/notify-icon.png') !important;
	background-size: 24px !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;
}

.verification-time-info {
	display: flex;
	flex-direction: column;
	margin-top: 10px !important;
}




#upload-status-simple {
	display: flex;
	flex-direction: column;
	background: none;
	box-shadow: none;
	align-items: flex-start;
	padding: 15px 0;
}
.uploaded-image-preview {
	padding: 0;
}
#upload-status-simple img {
	box-shadow: none;
	border: 1px solid #ddd;
}
#upload-status-simple .status-header span {
	color: #4caf50 !important;
}
#upload-status-simple .status-header  i {
	display: none !important;
}
#upload-status-simple .status-header span:before {
	content: "";
	margin-left: 10px;
	float: right;
	margin-top: 0px;
	width: 24px;
	height: 24px;
	background-image: url('/images/webdesign/check.png') !important;
	background-size: 24px !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;
}
#step3 .upload-info {
	background: none !important;
	padding: 0 !important;
	border: none !important;
}
#step3 .upload-info li {
	margin-bottom: -10px !important;
}
.step-content .step-header h2 , .step-content h2.step-header , h2.step-header{
	color: #396ce8 !important;
	font-size: 30px;
}
.step-item.completed .step-title {
	color: #fff !important;
}
.step-item.active .step-title {
	color: #fff !important;
}





#step5 .category-group {
	background: #fff;
	border: 2px solid #ddd !important;
	border-radius: 25px 5px 25px 25px;
	box-shadow: 8px 8px rgb(0 123 255 / 24%);
	margin-bottom: 40px;
}
#step5 .category-group .category-group-title {
	color: rgb(57 108 232) !important;
	font-size: 24px;
	border-bottom: 0px solid #ddd !important;
	padding-bottom: 5px !important;
}
#step5 .category-buttons button.category-btn {
	background: #fff !important;
	width: 120px;
	height: 120px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center !important;
	border: 2px solid #ddd !important;;
}
#step5 .category-buttons button.category-btn span {
	text-align: center ;
}
#step5 .category-buttons button.category-btn.selected {
	border: 3px solid #4caf50 !important;
	background: #a1d5ff4d !important;
	
}
#step5 .category-buttons button.category-btn.selected span {
	color: #4caf50 !important;
	font-weight: bold;
}
#step5 .category-buttons button.category-btn.selected:before {
	content: "";
	margin-left: 10px;
	float: right;
	margin-top: 0px;
	width: 24px;
	height: 24px;
	background-image: url('/images/webdesign/check.png') !important;
	background-size: 24px !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;
	position: absolute;
	top: 10px;
	right: 10px;
}

#step5 .step-intro-box .intro-text {
	margin-top: -10px;
	margin-bottom: 20px;
}
#step5 .step-intro-box .intro-text p {
	margin-bottom: 0 !important;
	font-size: 14px;
}
#step5 .step-intro-box .intro-text strong {
	margin-bottom: 0;
}
#step5 .step-intro-box .intro-text p.relative-subjects {
	background: #f4433629;
	padding: 10px;
	width: fit-content;
	border-radius: 10px;
}
#step5 .step-intro-box .intro-text p.relative-subjects:before {
	content: "";
	margin-left: 5px;
	float: right;
	margin-top: 3px;
	width: 20px;
	height: 20px;
	background-image: url('/images/webdesign/notify-icon.png') !important;
	background-size: 20px !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;
}








	

.selected-categories-box {
	display: none;
}
.upload-guidelines {
	margin-top: -30px;
	margin-bottom: 40px !important;
}


#step6 .file-types {
	display: none;
}

#step6 .dropzone-area p {
	text-align: center;
}

#step6 .portfolio-upload-box {
	background: #fff;
	border: 2px solid #ddd !important;
	border-radius: 25px 5px 25px 25px;
	box-shadow: 8px 8px rgb(0 123 255 / 24%);
	margin-bottom: 20px;
}










#step6 .portfolio-upload-box .dropzone-area {
	padding: 5px 10px  !important;
	width: fit-content;
	display: flex;
	align-items: center;
	align-content: center;
	background: #e6f3fd;
}
#step6 .portfolio-upload-box .dropzone-area i {
	font-size: 32px;
	margin-left: 10px;
	transform: translateY(5px);
}
#step6 .portfolio-upload-box .dropzone-area p {
	font-size: 14px !important;
	margin: 0 !important;
}








#step7 .equipment-box {
	background: #fff;
	border: 2px solid #ddd !important;
	border-radius: 25px 5px 25px 25px;
	box-shadow: 8px 8px rgb(0 123 255 / 24%);
	margin-bottom: 20px;
	position: relative;
}
.equipment-items-container {
	min-height: 0;
}
#step7 .equipment-title {
	color: rgb(57 108 232) !important;
	font-size: 24px;
	border-bottom: 0px solid #ddd !important;
	padding-bottom: 5px !important;
}
#step7 .equipment-header {
	border: none;
	margin-bottom: 0;
}
#step7 .btn-add-equipment {
	background: #c2dfff !important;
	border: none !important;
	width: fit-content;
	padding: 10px !important;
}
#step7 .equipment-item-number {
	background: #ccc !important;
}
#step7 .equipment-item {
	margin-bottom: 0px;
	position: relative;
}
#step7 .equipment-item input.form-control.equipment-input {
	background: #fff !important;
	padding-right: 15px;
}










#step8 .selfie-label {
	color: rgb(57 108 232) !important;
    font-size: 24px;
    border-bottom: 0px solid #ddd !important;
    padding-bottom: 5px !important;
	font-weight: bold;
	margin-bottom: 20px;
}
#step8 .dropzone-custom {
	padding: 0 15px !important;
	width: fit-content;
}
#step8 .dropzone-custom .dz-message {
	display: flex !important;
	align-items: center;
}
#step8 .dropzone-custom .dz-message i {
	font-size: 32px;
	margin-left: 10px;
	transform: translateY(5px);
}
#step8 .dropzone-custom .dz-message h4 {
	margin: 0;
}
#step8 .selfie-box {
	background: #f9f9f9;
	margin-top: 40px;
	margin-bottom: 50px !important;
	border: 2px solid #ddd !important;
	border-radius: 25px 5px 25px 25px;
	box-shadow: 8px 8px rgb(0 123 255 / 24%);
	margin-bottom: 20px;
	position: relative;
	display: flex;
	justify-content: flex-start;
	flex-direction: column;
	align-items: flex-start;
	padding: 25px;
}
#step8 #selfie-upload-status {
	background: none;
	border: none !important;
	margin-bottom: 0px;
	position: relative;
	display: flex;
	justify-content: flex-start;
	flex-direction: column;
	align-items: flex-start;
	padding: 0px;
}
#step8 #selfie-upload-status .status-header {
	margin-bottom: 15px;
	color: #4caf50 !important;
	font-weight: bold;
}
#step8 #selfie-upload-status .status-header span {
	color: #4caf50 !important;
}
#step8 #selfie-upload-status .status-header span:before {
	content: "";
	margin-left: 10px;
	float: right;
	margin-top: 0px;
	width: 24px;
	height: 24px;
	background-image: url('/images/webdesign/check.png') !important;
	background-size: 24px !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;
}
#step8 #selfie-upload-status .uploaded-image-preview {
	width: 200px;
	max-height: 200px;
	height: 200px;
	overflow: hidden;
}
#step8 #selfie-upload-status .uploaded-image-preview img {
	background: none !important;
	width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
#step8 .bio-box {
	background: #f9f9f9;
	border: 2px solid #ddd !important;
	border-radius: 25px 5px 25px 25px;
	box-shadow: 8px 8px rgb(0 123 255 / 24%);
	margin-bottom: 20px;
	position: relative;
	display: flex;
	justify-content: flex-start;
	flex-direction: column;
	align-items: flex-start;
	padding: 25px;
	margin-bottom: 50px;
}
#step8 .bio-label {
	color: rgb(57 108 232) !important;
    font-size: 24px;
    border-bottom: 0px solid #ddd !important;
    padding-bottom: 5px !important;
	font-weight: bold;
	margin-bottom: 20px;
}
#step8 .bio-box .bio-info-text {
	width: 100% !important;
	min-width: 100% !important;
}

#step8 .licence-box {
	background: #f9f9f9;
	border: 2px solid #ddd !important;
	border-radius: 25px 5px 25px 25px;
	box-shadow: 8px 8px rgb(0 123 255 / 24%);
	margin-bottom: 20px;
	position: relative;
	display: flex;
	justify-content: flex-start;
	flex-direction: column;
	align-items: flex-start;
	padding: 25px;
}



#step8 .licence-label {
	color: rgb(57 108 232) !important;
    font-size: 24px;
    border-bottom: 0px solid #ddd !important;
    padding-bottom: 5px !important;
	font-weight: bold;
	margin-bottom: 20px !important;
}
#step8 #certificates-dropzone .dz-message h4 {
	margin: 0;
}
#step8 .certificate-preview {
	width: 160px;
	max-height: 160px;
	height: 160px;
	overflow: hidden;
	position: relative;
	background: #eee;
	border-radius: 15px;
}
#step8 .certificate-preview img {
	background: none !important;
	width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
#step8 .certificate-preview .remove-certificate {
	background: #f44336 !important;
	color: #fff !important;
	position: absolute;
	z-index: 3;
	top: 0px;
	right:  0px;
	border-radius: 0 10px;
	font-size: 14px;
	width: 60px;
	text-align: center;
	padding: 5px !important;
}
.certificates-preview-grid {
	display: flex;
}





.zone-item.disabled-zone {
	display: flex;
	opacity: 1;
}
.zone-item.disabled-zone label {
	opacity: 0.5;
}
.zone-item.disabled-zone .zone-warning {
	font-size: 12px;
	margin-right: 20px;
	opacity: 1 !important;
	color: #444 !important;
	background: #f5f5f5;
	margin-top: 0 !important;
	display: flex;
	align-items: center;
	padding: 0 5px;
	border-radius: 5px;
}
.zone-item.disabled-zone .zone-warning:before {
	content: "";
	float: right;
	margin-left: 3px;
	opacity: 0.5;
	width: 18px;
	height: 18px;
	background-image: url('/images/webdesign/info.png') !important;
	background-size: 18px !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;
}
	
	
	

.zone-info-box {
	background: #f9f9f980;
	padding: 15px;
	border-radius: 5px;
}
.zone-info-box p {
	font-size: 15px !important;
	margin-bottom: 15px !important;
}
.zone-info-box p strong {
	display: block;
	font-size: 16px;
	/background: #f443360f !important;
	width: fit-content;
	/padding: 3px 10px;
	color: #f44336 !important;
	font-weight: normal;
	border-radius: 5px;
	margin-bottom: 10px;
}	
.zone-info-box p strong:before {
	content: "";
	margin-left: 5px;
	float: right;
	margin-top: 4px;
	width: 20px;
	height: 20px;
	background-image: url('/images/webdesign/notify-icon.png') !important;
	background-size: 20px !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;
}
.zone-info-box button {
	font-weight: normal !important;
	background: rgb(0 123 255 / 12%) !important;
	padding: 10px !important;
}
	
	
	
	
.zone-info-loader {
  padding: 0 50px 0;
  margin-right: -10px;
  margin-top: 0px;
  position: relative;
}
.zone-info-loader::after,
.zone-info-loader::before {
  content: '';  
  box-sizing: border-box;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #ffc107;
  position: absolute;
  right: 0;
  top: -10px;
  animation: animloader 2s linear infinite;
}
.zone-info-loader::after {
  animation-delay: 1s;
}

@keyframes animloader {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
  
  
  
  
  
  
	
	
#step3 #id-card-dropzone {
	width: fit-content;
	padding: 5px 15px;
}
#step3 #id-card-dropzone .dz-message {
	display: flex ;
	flex-direction: row !important;
	align-items: center;
	align-content: center;
}
#step3 #id-card-dropzone .dz-message h4 {
	margin: 0;
}
#id-card-dropzone .dz-message i {
	font-size: 30px;
	margin-left: 10px;
	transform: translateY(5px);
}
#step3 .upload-info {
	margin-bottom: 40px !important;
}
#step3 .upload-info li {
	margin-bottom: 5px !important;
}
#step3 #preview-container .preview-wrapper {
	margin-right: 0;
}
  
  
  
 
#upload-warning-modal .modal-header h4 {
	color: #f44336 !important;
}
#upload-warning-modal .modal-header h4:before {
	content: "";
	margin-left: 5px;
	float: right;
	margin-top: 1px;
	width: 20px;
	height: 20px;
	background-image: url('/images/webdesign/notify-icon.png') !important;
	background-size: 20px !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;
}
#upload-warning-modal .incomplete-boxes-list li:before {
	content: "";
	margin-left: 5px;
	float: right;
	margin-top: 4px;
	width: 20px;
	height: 20px;
	background-image: url('/images/webdesign/notify-icon.png') !important;
	background-size: 15px !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;
}
#upload-warning-modal .incomplete-boxes-list li span {
	display: none;
}
#upload-warning-modal .modal-question {
	color: #f44336 !important;
	text-align: center;
	background: #ff00001c;
	padding: 5px;
	margin-bottom: 0px;
	margin-top: 30px;
	border-radius: 5px;
}
  

#step9 .step-description {
	background: #e0ffea82;
	padding: 20px;
	margin: 25px 0;
	border-radius: 15px;
}
#step9 .step-description p {
	margin-bottom: 5px;
	font-size: 16px;
}
#step9 .step-description p.form-complete {
	color: #4caf50 !important;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 20px;
}
#step9 .step-description p.form-complete:before {
	content: "";
	margin-left: 5px;
	float: right;
	margin-top: -2px;
	width: 30px;
	height: 30px;
	background-image: url('/images/webdesign/check.png') !important;
	background-size: 30px !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;
}


#step9 .collab-conditions-box {
	margin-top: 50px;
}
#step9 .rules-approve {
	background: #f9f9f9;
	padding: 25px;
	border-radius: 10px;
	margin-top: 50px !important;
}
#step9 .rules-approve input {
	width: 20px;
	height: 20px;
	vertical-align: -4px;
}	
#submit-step9 {
	background: #19dd6d !important;
	font-weight: normal;
	width: 200px;
	padding:  15px !important;
	margin-top: 40px;
}
#submit-step9:hover {
	box-shadow: none;
	transform: none;
}
#submit-step9 span {
	color: #fff !important;
}	




	

.axit-contracts-wrapper {
	max-width: 80%;
	margin: auto;
}
	
.axit-contracts-wrapper .steps-sidebar {
	background: #f8f9fa !important;
    border-radius: 12px;
    padding: 25px !important;;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.axit-contracts-wrapper .steps-sidebar li {
	background: #f5f5f5;
	margin-bottom: 10px;
	border-radius: 55px;
	padding: 10px;
	position: relative;
    border: 1px solid #ddd;
    border-radius: 25px;
}
.axit-contracts-wrapper .steps-sidebar li span.step-number {
	background: #eee;
	font-weight: bold;
	display: inline-flex;
	border-radius: 55px;
	width: 40px;
	height: 40px;
	align-items: center;
	justify-content: center;
	margin-left: 10px;
}
.axit-contracts-wrapper .steps-sidebar li.is-done {
	background: #27ae60;
	color: #fff !important;
}

.axit-contracts-wrapper .steps-sidebar li.is-done span.step-number {
	background: rgba(255,255,255,0.3);
}


.axit-contracts-wrapper .steps-sidebar li.active {
	background: #3498db;
	color: #fff !important;
}

.axit-contracts-wrapper .steps-sidebar li.active span.step-number {
	background: rgba(255,255,255,0.3);
}

.axit-contracts-welcome h2.step-header {
	font-size: 28px !important;
	color: #396ce8 !important;
}
.axit-contracts-welcome h3.step-header {
	font-size: 22px;
	color: #396ce8 !important;
}




.axit-contracts-wrapper .contract-code {
	background: #f5f5f5;
	padding: 15px;
	border-radius: 10px;
	margin-bottom: 30px;
}
.axit-contracts-wrapper .contract-dl a {
	background: #3498db !important;
	color: #fff !important;
	font-size: 18px !important;
}
.axit-contracts-wrapper .action-btn {
	margin-top: 30px;
}
.axit-contracts-wrapper .action-btn a {
	color: #fff !important;
	padding: 15px 30px !important;
	font-size: 18px !important;
}
	
	
	
	
	
	
	
	
	
	
#photo_selfie_send.uploaded {
	background: #00ff1a21 !important;
}

#video-upload-section.uploaded {
	background: #00ff1a21 !important;
}
.video-upload-box {
	display: flex;
	padding: 10px !important;
	width: fit-content;
	align-items: center;
}
.video-upload-box i {
	font-size: 32px;
	color: rgb(0, 123, 255);
	margin-left: 10px
}
.video-upload-box p {
	margin: 3px 0 0 0 !important;
	font-weight: bold;
}
#openVideoGuide {
	background: #ccc !important;
	padding: 5px 10px !important;
}




#photo-upload-box {
	display: flex;
	padding: 10px !important;
	width: fit-content;
	align-items: center;
}
#photo-upload-box i {
	font-size: 32px;
	color: rgb(0, 123, 255);
	margin-left: 10px
}
#photo-upload-box p {
	margin: 3px 0 0 0 !important;
	font-weight: bold;
}
.video-guide-detail {
	font-size: 14px;
	display: flex;
	align-items: center;
	margin: -10px 0 20px;
}
.video-guide-detail i {
	margin-left: 5px;
	margin-top: 2px;
}	
.step3-action-btn {
	margin-top: 30px;
	margin-bottom: 10px;
}
.step3-action-btn button {
	background: #4caf50 !important;
	color: #fff !important;
	padding: 10px 30px !important;
}	
#photoguide {
	margin: -10px 0 20px !important;
}
#photoguide button {
	background: #ccc !important;
	padding: 5px 10px !important;
}

	




#video-upload-section #progress-text {
	margin: 20px 0 10px !important;
	font-size: 16px !important;
	font-weight: bold;
}
#video-upload-section #progress-text:before {
	content: "";
	margin-left: 5px;
	float: right;
	width: 30px;
	height: 30px;
	background-image: url('/images/webdesign/check.png') !important;
	background-size: 24px !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;
}
.contractvideo-uploaded {
	margin: 10px 0 10px !important;
	font-size: 16px !important;
	font-weight: bold;
}	
.contractvideo-uploaded:before {
	content: "";
	margin-left: 5px;
	float: right;
	width: 30px;
	height: 30px;
	background-image: url('/images/webdesign/check.png') !important;
	background-size: 24px !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;
}	





#video-upload-section h4 {
	color: rgb(57 108 232) !important;
}
#photo_selfie_send h4 {
	color: rgb(57 108 232) !important;
}

#photo_selfie_send {
    background: #fff;
    border: 2px solid #ddd !important;
    border-radius: 25px 5px 25px 25px !important;
    box-shadow: 8px 8px rgb(0 123 255 / 24%);
    margin-bottom: 40px !important;;
	padding: 30px 25px 15px !important;
}




#video-upload-section {
    background: #fff;
    border: 2px solid #ddd !important;
    border-radius: 25px 5px 25px 25px !important;
    box-shadow: 8px 8px rgb(0 123 255 / 24%);
    margin-bottom: 20px;
	margin-top: 30px !important;
	padding: 30px 25px 15px !important;
}
.contractphoto-uploded-text {
	font-weight: bold;
	font-size: 16px !important;
}
.contractphoto-uploded-text:before {
	content: "";
	margin-left: 5px;
	float: right;
	width: 30px;
	height: 30px;
	background-image: url('/images/webdesign/check.png') !important;
	background-size: 24px !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;
}
#photo-result {
	display: flex;
	flex-direction: column;
	margin-bottom: 20px;
}
.final-approve-info {
	background: #ffebeb;
	border-radius: 10px;
	padding: 15px 15px 5px;
	margin-bottom: 20px;
}
.final-approve-info p {
	text-align: justify;
	font-size: 14px;
	margin-bottom: 7px;
}
.approve-title {
	font-size: 20px !important;
}
.approve-title:before {
	content: "";
	margin-left: 10px;
	float: right;
	margin-top: 2px;
	width: 24px;
	height: 24px;
	background-image: url('/images/webdesign/notify-icon.png') !important;
	background-size: 20px !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;
}

.final-approve-request {
	background: #eee;
	border-radius: 10px;
	padding: 15px;
	margin-bottom: 20px;
	display: flex;
}
.final-approve-request input {
	width: 20px;
	height: 20px;
	transform: translateY(5px);
}
.final-code-request {
	margin-top: 40px !important;
}
.final-code-request button:disabled {
	background: #e2e2e2 !important;
	color: #a7a7a7 !important;
	padding: 15px !important;
	opacity: 0.5;
}
.final-code-request button:not(:disabled) {
	background: #4caf50 !important;
	color: #fff !important;
	padding: 15px !important;
	opacity: 1 !important;;
}




.client-info {
	background: #f9f9f9;
	border-radius: 15px;
	padding: 15px;
	margin-top: 20px;
}
.client-info p {
	margin-bottom: 5px;
}
.final-contract-approve-btn {
	text-align: center;
}
.final-contract-approve-btn button , .final-contract-approve-btn button:focus {
	background: #4caf50 !important;
	color: #fff !important;
	padding: 15px 30px !important;
}
#timerBox {
	text-align: center;
}

#signResult {
	display: none !important;
}




.toast.error {
	background: red !important;
}



#btn-view-selfie {
	display: none !important;
}

.before-processing {
	background: #f9f9f9;
	padding: 25px;
	border-radius: 15px;
	margin-top: 30px;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.before-processing h3 {
	margin-bottom: 20px;
}
.before-processing:before {
	content: "";
	display: block;
	margin-bottom: 20px;
	width: 90px;
	height: 90px;
	background-image: url('/images/webdesign/process.png') !important;
	background-size: 90px !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;
}






.proccess-approved {
	background: #f9f9f9;
	padding: 25px;
	border-radius: 15px;
	margin-top: 30px;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.proccess-approved h3 {
	margin-bottom: 20px;
}
.proccess-approved:before {
	content: "";
	display: block;
	margin-bottom: 20px;
	width: 90px;
	height: 90px;
	background-image: url('/images/webdesign/check-ok.png') !important;
	background-size: 90px !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;
}
.proccess-approved .contract-link {
	background: #4caf50;
	color: #fff !important;
	font-weight: normal;
}







.history-loader {
  padding: 0 50px 0;
  margin-right: -10px;
  margin-top: 0px;
  position: relative;
}
.history-loader::after,
.history-loader::before {
  content: '';  
  box-sizing: border-box;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #ffc107;
  position: absolute;
  right: calc(50% - 24px);
  top: -10px;
  animation: animloader 2s linear infinite;
}
.history-loader::after {
  animation-delay: 1s;
}

@keyframes animloader {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
 




.check-result {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.check-result p {
	font-weight: bold;
	font-size: 18px;
}
.check-result .check-ok:before {
	content: "";
	margin: 0 auto 30px;
	display: block;
	width: 80px;
	height: 80px;
	background-image: url('/images/webdesign/check.png') !important;
	background-size: 80px !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;
}

.history-loader-box {
	display: flex !important;
	margin-top: 60px;
	align-items: center;
	justify-content: center;
	align-content: center;
}
.history-loader {
	padding-top: 50px !important;		
}