/* RESET */
fieldset{border:none;display:inline-block;padding:0;margin:0;width:100%;}html,input,select,textarea,button{font-family:'Nunito',sans-serif;}div{margin:0;padding:0;}html{color:#222;box-sizing:border-box;font-size:14px;line-height:18px;cursor:default;-moz-tab-size:4;tab-size:4;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;word-break:break-word;}*,*:before,*:after{box-sizing:inherit}body{display:block;margin:0;font-weight:normal;width:100%;}p,ol,ul{display:inline-block;margin:0;padding:0;font-weight:normal;width:100%;}ol,ul{list-style:none}img{max-width:100%;width:auto;height:auto}
body, html {direction:rtl;}
/* MULTICURRENCY */
.MCtooltip {display:none;position: absolute; top:auto;bottom: 44px; left: 10px; border-radius: 5px; padding: 8px 10px; background: #e4e4e4;z-index:9;width:auto;font-weight:normal;white-space:nowrap;font-size:13px;line-height:16px;}
.MCtooltip .fa {display:none;}
.MCtooltip:before {content:"";position:absolute;left:15px;top:auto;bottom:-5px;width:10px;height:10px;background:#e4e4e4;transform:rotate(-135deg);border-bottom-right-radius:10px;}
*:hover > .MCtooltip {display:block;}
.listing-list .MCtooltip {bottom:30px;left:0;}
#sidebar .price .MCtooltip {right: 0; left: auto; bottom: 60px;}
body .bpr-profile h1, #frm-body h1 {font-size:36px;line-height:36px;}
.form-horizontal .controls .intl-tel-input {width:100%;}
.osc-has-admin-header header, .osc-has-admin-header #header-search {margin-top:34px;}
/* SUBDOMAIN NAVIGATION */
body.subdomain-navigation div.m25 {margin:25px 0 45px 0;}
body.subdomain-navigation header {text-align:center;}
body.subdomain-navigation header #logo {float:none;display:inline-block;}
body.subdomain-navigation header #logo img {max-height:75px;height:auto;margin:25px 0;}
body.subdomain-navigation section {text-align:center;font-size:18px;}
body.subdomain-navigation section div {display:inline-block;width:100%;}
body.subdomain-navigation section strong {display:inline-block;margin-bottom:15px;}
body.subdomain-navigation footer {background:transparent;text-align:center;padding:20px;margin:30px 0 0 0;color:#888;font-size:14px;}
#subdomains-list {max-width:980px;display: flex;flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; flex-direction: row;margin:0 auto;}
#subdomains-list a { display: inline-block; max-width: 33.33%; width: 100%; font-size: 16px; margin: 0px 0 15px 0px;padding:0 15px 0 0;text-align:left; }
#subdomains-list a em {font-size:12px;font-style:normal;line-height:1;color:#999}
body.subdomain-navigation.sd-with-icon #subdomains-list { display: flex; padding: 5px 30px; flex-wrap: wrap; justify-content: center; align-items: flex-start; flex-direction: row; }
body.subdomain-navigation.sd-with-icon #subdomains-list a { display: inline-block; max-width: 116px; padding:0;text-align:center;line-height:16px;width: 100%; font-size: 14px; margin: 0px 1px 20px 1px; }
body.subdomain-navigation.sd-with-icon #subdomains-list a span { display: block; margin: 6px 0 0 0; }
body.subdomain-navigation.sd-with-icon #subdomains-list a img { display: inline-block; height: 48px; width: auto; max-width: 76px; border: 1px solid #aaa; }
body.subdomain-navigation.sd-with-icon #subdomains-list a.restricted img {opacity:0.4;}
footer #subdomains-list {margin:15px 0;justify-content: flex-start;}
footer #subdomains-list a {max-width:25%;font-size:14px;margin:0 0 8px 0;}
form[name="register"] div[id^="inr_id_"] {display: block; float: left; margin: -15px 0 25px 0;}
.social-buttons {float:left;clear:both;width:100%;margin:0 0 15px 0;}
.social-buttons a {float:left;clear:none;margin:0 15px 15px 0;height:36px;}
.social-buttons #ggl-login-link {height:36px;}
.social-buttons #ggl-login-link img {max-height:43px;}
.fi_make_favorite.fi_make {position: absolute; right: 10px; bottom: 15px;}
.fi_make_favorite.fi_make span {font-family:"Font Awesome 5 Free";font-weight:900;font-size:17px;}
.fi_make_favorite.fi_make:not(.is_favorite) span {color:#ccc;}
.fi_make_favorite.fi_make:not(.is_favorite) span:before {content:"\f005";}
.listing-list .fi_make_favorite.fi_make {top:20px;bottom:auto;}
body #fmp-button {margin:0 8px 15px 0;padding: 6px 40px 6px 6px; letter-spacing: -0.3px;}
body #fmp-button:last-child {margin-right:0;}
body .bo_info {clear:both;padding:0 0 0 30%;margin:2px 0 6px 0;}
.ur-button.add-new-rating, .ur-button.show-rating {font-size:14px;}
body .osp-body-pack .osp-h1:after, body .osp-body-group .osp-h1:after, body .osp-body-banner .osp-h2:after, body .osp-body-order .osp-h2:after, body .osp-body-payments .osp-h2:after, body .osp-pay-err:after, body .osp-pay-msg:after, body .osp-body-pack .osp-pack-bonus:before {font-family:'Font Awesome 5 Free';}
/* RATING */
body .rating.s1 i.i2:before, body .rating.s1 i.i3:before, body .rating.s1 i.i4:before, body .rating.s1 i.i5:before {font-weight:400;content:"\f005";}
body .rating.s2 i.i3:before, body .rating.s2 i.i4:before, body .rating.s2 i.i5:before {font-weight:400;content:"\f005";}
body .rating.s3 i.i4:before, body .rating.s3 i.i5:before {font-weight:400;content:"\f005";}
body .rating.s4 i.i5:before {font-weight:400;content:"\f005";}
body .rating.h1 i.i2:before, body .rating.h1 i.i3:before, body .rating.h1 i.i4:before, body .rating.h1 i.i5:before {font-weight:400;content:"\f005";}
body .rating.h2 i.i3:before, body .rating.h2 i.i4:before, body .rating.h2 i.i5:before {font-weight:400;content:"\f005";}
body .rating.h3 i.i4:before, body .rating.h3 i.i5:before {font-weight:400;content:"\f005";}
body .rating.h4 i.i5:before {font-weight:400;content:"\f005";}
/* CLICK RATING */
body .rating.s1 i.i1:before {content:"\f005";font-weight:400;}
body .rating.s1 i.i2:before, body .rating.s1 i.i3:before, body .rating.s1 i.i4:before, body .rating.s1 i.i5:before {content:"\f005";font-weight:400;}
body .rating.s2 i.i1:before, body .rating.s2 i.i2:before {content:"\f005";font-weight:bold;}
body .rating.s2 i.i3:before, body .rating.s2 i.i4:before, body .rating.s2 i.i5:before {content:"\f005";font-weight:400;}
body .rating.s3 i.i1:before, body .rating.s3 i.i2:before, body .rating.s3 i.i3:before {content:"\f005";font-weight:bold;}
body .rating.s3 i.i4:before, body .rating.s3 i.i5:before {content:"\f005";font-weight:400;}
body .rating.s4 i.i1:before, body .rating.s4 i.i2:before, body .rating.s4 i.i3:before, body .rating.s4 i.i4:before {content:"\f005";font-weight:bold;}
body .rating.s4 i.i5:before {content:"\f005";font-weight:400;}
body .rating.s5 i.i1:before, body .rating.s5 i.i2:before, body .rating.s5 i.i3:before, body .rating.s5 i.i4:before, body .rating.s5 i.i5:before {content:"\f005";font-weight:bold;}
/* HOVER RATING */
body .rating.h1 i.i1:before {content:"\f005";font-weight:bold;}
body .rating.h1 i.i2:before, body .rating.h1 i.i3:before, body .rating.h1 i.i4:before, body .rating.h1 i.i5:before {content:"\f005";}
body .rating.h2 i.i1:before, body .rating.h2 i.i2:before {content:"\f005";font-weight:bold;}
body .rating.h2 i.i3:before, body .rating.h2 i.i4:before, body .rating.h2 i.i5:before {content:"\f005";}
body .rating.h3 i.i1:before, body .rating.h3 i.i2:before, body .rating.h3 i.i3:before {content:"\f005";font-weight:bold;}
body .rating.h3 i.i4:before, body .rating.h3 i.i5:before {content:"\f005";}
body .rating.h4 i.i1:before, body .rating.h4 i.i2:before, body .rating.h4 i.i3:before, body .rating.h4 i.i4:before {content:"\f005";font-weight:bold;}
body .rating.h4 i.i5:before {content:"\f005";}
body .rating.h5 i.i1:before, body .rating.h5 i.i2:before, body .rating.h5 i.i3:before, body .rating.h5 i.i4:before, body .rating.h5 i.i5:before {content:"\f005";font-weight:bold;}
/* USER ITEMS SEARCH */
form[name="user-items-search"] {display:flex;flex-direction: row; align-items: flex-end;margin:0 0 12px 0;width:100%;}
form[name="user-items-search"] .control-group {width:fit-content;padding:0 12px 6px 0;}
form[name="user-items-search"] .control-group label {float:left;width:100%;text-align:left;margin:0 0 2px 0;}
form[name="user-items-search"] .control-group .controls {float:left;width:100%;margin:0;}
form[name="user-items-search"] .control-group .controls input, form[name="user-items-search"] .control-group .controls select {float:left;width:100%;margin:0;max-width:100%;min-width:unset;}
form[name="user-items-search"] .actions {width:fit-content;padding:0 0 6px 0;}
form[name="user-items-search"] .actions button {white-space:nowrap;}
@media screen and (max-width: 540px) {
form[name="user-items-search"] {flex-wrap: wrap;}
form[name="user-items-search"] .control-group {width:50%;}
}
.user-items .empty {padding:20px 15px;text-align:center;color:#666;background:#f0f0f0;margin:10px 0;font-size:16px;}
/* USER PUBLIC PROFILE SEARCH */
form[name="user-public-profile-search"] {display:flex;flex-direction: row; align-items: flex-end;margin:0 0 12px 0;width:100%;}
form[name="user-public-profile-search"] .control-group {width:fit-content;padding:0 12px 6px 0;}
form[name="user-public-profile-search"] .control-group label {float:left;width:100%;text-align:left;margin:0 0 2px 0;}
form[name="user-public-profile-search"] .control-group .controls {float:left;width:100%;margin:0;}
form[name="user-public-profile-search"] .control-group .controls input, form[name="user-public-profile-search"] .control-group .controls select {float:left;width:100%;margin:0;max-width:100%;min-width:unset;}
form[name="user-public-profile-search"] .actions {width:fit-content;padding:0 0 6px 0;}
form[name="user-public-profile-search"] .actions button {white-space:nowrap;}
@media screen and (max-width: 540px) {
form[name="user-public-profile-search"] {flex-wrap: wrap;}
form[name="user-public-profile-search"] .control-group {width:50%;}
}
.user-public-profile-items .empty {padding:20px 15px;text-align:center;color:#666;background:#f0f0f0;margin:10px 0;font-size:16px;}
/* TABBER */
.tabberlive .tabbertab.tabbertabhide {display:none;}
.tabberlive {margin: 5px 0 5px 0;width:100%;}
ul.tabbernav {margin:0;padding:0;font-size:14px;border-bottom:3px solid #ccc;}
ul.tabbernav li {list-style: none;margin: 0;display: inline;}
ul.tabbernav li a {padding: 8px 4px 5px 4px;color:#000;margin-bottom:-3px;margin-right:5px;border-bottom:3px solid transparent;text-decoration: none;display:inline-block;}
ul.tabbernav li a:hover {border-bottom:3px solid #666;}
ul.tabbernav li.tabberactive a {font-weight:bold;border-bottom:3px solid #666}
ul.tabbernav li.tabberactive a:hover {}
.tabberlive .tabbertab {padding: 10px 0px;border:none;display:inline-block;width:100%}
.tabberlive .tabbertab h2 {display:none;}
.tabberlive .tabbertab h3 {display:none;}
.tabberlive .tabbertab ul {width:100%;display:inline-block;padding:0;}
.tabberlive .tabbertab ul li {width:100%;display:inline-block;margin:0 0 5px 0;}
.tabberlive .tabbertab ul li input[type="text"] {margin-right:5px;}
.tabberlive > button {margin-top:10px;}
body #atr-search .control-group > label {text-align:left;line-height:22px;}
body #atr-search select, body #atr-search textarea, body #atr-search input[type="text"], body #atr-search input[type="url"], body #atr-search input[type="email"], body #atr-search input[type="phone"], body #atr-search input[type="date"], body #atr-search input[type="number"] {box-shadow:none;font-size:14px;border-width:2px;}
body #atr-search select + select {margin-top:6px;}
body #atr-search.atr-styled .atr-input-box {margin-top:1px;margin-bottom:1px;}
body #atr-search.atr-styled .atr-input-box label {padding-left:24px!important;}
body #atr-search .control-group.atr-type-select, body #atr-search .control-group.atr-type-daterange {margin-bottom:15px;}
input[type="checkbox"] {float:left;background: #fbfbfb;border: 1px solid #7e8993; border-radius: 4px; color: #555; clear: none; cursor: pointer; display: inline-block; line-height: 0; height: 18px; margin:0 5px 0 0; outline: 0; padding: 0!important; text-align: center; vertical-align: middle; width: 18px; min-width: 18px; max-width:18px; -webkit-appearance: none; box-shadow: inset 0 1px 2px rgba(0,0,0,.1); transition: .05s border-color ease-in-out;}
input[type=checkbox]:checked::before, #login input[type=radio]:checked::before { float: left; display: inline-block; vertical-align: middle; width: 1rem; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
input[type=checkbox]:checked::before { content: url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%231e8cbe%27%2F%3E%3C%2Fsvg%3E); margin: -3px; height: 22px; width: 22px; }
input[type=checkbox] + label {max-width: calc(100% - 30px);font-weight:normal;line-height:18px;display:inline-block;font-size:14px;float:left;width:auto;clear:none;}
input[type=text],input[type=url],input[type=password],input[type=email],input[type=date],input[type=time],input[type=week],input[type=month],input[type=color],input[type=datetime-local],input[type=tel],input[type=phone],input[type=number], select, textarea { font-size:15px;border-radius: 0; float: left; border: 2px solid #ccc; background: #fff; height: 50px; padding: 10px 10px; line-height: 20px; margin-bottom: 25px;font-family:'Open Sans',sans-serif;}
input:hover, select:hover, textarea:hover { border-color: rgba(0,0,0,.3); }
input:focus, select:focus, textarea:focus { border-color: #e74c3c;outline:none; }
input:active, select:active, textarea:active { border-color: #e74c3c;outline:none; }
label {width: 100%; float: left; clear: both; font-size: 16px; margin: 0 0 3px 0; font-weight: bold; }
body.register #main, body.login #main, body.contact #main, body.recover #main {text-align:center;}
body.page section {min-height:520px;}
body.search #main h2 {font-size:20px;line-height:22px;margin:10px 0;}
.doublebutton {float:right;margin-right:10px;}
.doublebutton a {float:left;width:40px;height:40px;padding:0;font-size:20px;clear:none;margin-left:5px;}
.doublebutton a.active {background:#c0392b;border-color:#c0392b;color:#fff;}
.doublebutton a i {line-height:36px;}
.refine {float:left;clear:both;width:100%;padding:0 12px;}
.refine a {font-size:14px;line-height:16px;margin:0 0 2px 0;}
.price-slice .left {float:left;width:50%;padding-right:6px;}
.price-slice .right {float:left;width:50%;padding-left:6px;}
.price-slice input[type="text"] {width:100%;}
.price-slice span {font-size:13px;line-height:16px;}
.alert_form {background-color: #f6f6f4;padding: 15px 12px;float:left;clear:both;margin:0 0 20px 0;width:100%;}
.alert_form button {width: 100%;}
#sidebar .alert_form input[type="text"] {margin-bottom:10px;}
#sidebar .g-recaptcha {transform: scale(0.86); transform-origin: 0 0;}
#contact #contact_form {float:left;width:100%;clear:both;margin:15px 0 0 0;}
.form-vertical .control-group {clear: both;margin-bottom: 10px;float:left;width:100%;}
.form-vertical .control-group textarea {width:100%;height:100px;margin:0;}
.form-vertical .control-group:last-child {margin-bottom:0;}
.form-container .ui-drop-files {width: 280px;padding: 0 10px;height: 70px;text-align: center;font-size: 18px;line-height: 70px;color: rgba(0,0,0,0.5);}
.meta_list .meta ul {margin: 5px 0 0 0;padding: 0;list-style: none;float: left;}
.meta_list .meta ul li {clear: both;list-style: none;}
.meta_list .meta ul li label {width: auto;margin-left: 5px;float: none;}
!.meta_list .meta input[type="checkbox"] {margin-top: 10px;}
.meta_list .meta .cf_date_interval {width: 100px;}
.meta_list .meta:after {content: "";clear: both;}
.form-container .checkbox {margin-bottom:5px;}
.form-horizontal .actions {padding: 0 0 0 30%;margin: 0;float:left;clear:both;width:100%;}
.form-horizontal .actions .btn {padding:8px 15px;}
.form-horizontal label {float: left;width: 30%;padding-top: 11px;padding-right:15px;line-height:18px;font-weight:normal;text-align:right;}
.form-horizontal label sup.req {color:red;}
.form-horizontal .controls {float:left;width:70%;;}
.form-horizontal .controls label {float: none;width: auto;padding-top: 0;text-align: left;}
.form-horizontal .control-group,.form-horizontal .meta_list .meta {clear: both;margin-bottom: 12px;float:left;width:100%;}
.form-container-box {width:100%;max-width: 520px;padding:20px 40px 50px 40px;display:inline-block;}
.form-container-box .header + .resp-wrapper > #error_list, .form-container-box .header + .resp-wrapper > .error_list {margin:0 0 25px 0;}
.form-container-box .header h1 {margin: 0 0 20px 0;font-size:44px;line-height:46px;text-align:left;}
.form-container-box input[type="text"],.form-container-box input[type="password"],.form-container-box input[type="email"], .form-container-box select {margin:0;width:100%;}
.form-container-box label {font-weight:bold;padding:0;margin:0 0 3px 0;text-align:left;width:100%;}
.form-container-box textarea {width:100%;height:120px;margin:0;}
body.user-items .list-header {margin-bottom:0;}
.form-container-box .controls {width:100%;text-align:left;}
.form-container-box .control-group {margin:0 0 25px 0;}
.form-container-box .control-group:empty, .form-container-box .controls:empty {display:none;}
.form-container-box .control-group:last-child {margin:0;}
.form-container-box .controls.checkbox {text-align:left;}
.form-container-box .controls.checkbox label {margin:0;text-align:left;line-height:20px;}
.form-container-box .control-group.act {margin:15px 0 -15px 0;}
.form-container-box .control-group.act a:first-child {float:left;}
.form-container-box .control-group.act a:last-child {float:right;}
#edit_item_view {margin-top:12px;}
.item.item-post .form-horizontal label {font-weight:bold;padding-top:16px;}
.item.item-post .form-horizontal input[type="checkbox"] + label {font-weight: normal; padding-top: 0; font-size: 14px; margin: 0; line-height: 20px;width:auto;text-align:left;}
.item.item-post .form-horizontal #plugin-hook table {width:100%;margin-bottom:10px;}
.item.item-post .form-horizontal #plugin-hook tr td:first-child {vertical-align:top;width:30%;}
.item.item-post .form-horizontal #plugin-hook tr td:first-child > label {width:auto;float:right;}
.item.item-post .form-horizontal #plugin-hook tr td + td label {width:auto;padding-top:0;padding-right:0;}
.item.item-post p {margin-bottom:10px;}
.control-group.title input[type="text"] {width:100%;}
.control-group.descr textarea {width:100%;height:300px;}
.control-group.control-group-price select {margin-left:-2px;}
.item.item-post h1, .item.item-post h2, .item-post .pblbt, .form-horizontal .controls.recpt {padding-left:30%;}
.item.item-post h2 { margin: 25px 0 10px 0; }
.item.item-post h2.gen {margin-top:0;}
.item.item-post #plugin-hook h2 {font-size: 16px; line-height: 18px;}
.item-post .form-horizontal .controls.checkbox {margin-left:30%;}
.item-post select, .item-post input[type="text"], .item-post ul.checkbox-list, .item-post .meta ul {width:65%;margin:0;}
.item-post input[type="text"]#power {width:calc(65% - 110px);}
.item-post select#power_unit {width:100px;margin-left:8px;}
.item-post select#currency {width:auto;}
.item-post #plugin-hook br {display:none;}
.item-post .form-horizontal .control-group {margin-bottom:15px;}
.form-container .photos input {width: 100%;border: 0;margin: 0;padding: 0;box-shadow: none;}
.photos_div {margin-bottom: 20px;}
.form-container .controls #photos a {font-size: 12px !important;}
div#map {float: left;clear: both;width: 100%;}
body .tox .tox-toolbar--scrolling {flex-wrap: wrap;}
body #atr-search .atr-input-box {margin:1px 0;}
!body #atr-search .atr-input-box label {padding:0 0 0 24px!important;}
body #atr-search .atr-input-box label {font-weight:normal;font-size:15px;}
a {text-decoration:none;color:#e74c3c;cursor:pointer;}
a:hover {text-decoration:underline;color:#e74c3c;}
button, .btn {position:relative;text-align:center;float:left;background:#e74c3c;color:#fff;padding:8px 12px;font-size:14px;line-height:18px;border:1px solid rgba(0,0,0,0.05);border-bottom-color:rgba(0,0,0,0.1);border-radius:3px;box-shadow:none;outline:none;cursor:pointer;transition:0.2s;}
.btn-loading, button.btn-loading, .btn.btn-loading {opacity:0.5;cursor:wait;padding-left: 48px;}
.btn-loading-nofa, button.btn-loading-nofa, .btn.btn-loading-nofa {opacity:0.5;cursor:wait;}
.btn:disabled {opacity:0.5;cursor:not-allowed;}
.btn.btn-secondary.btn-loading:hover, .btn.btn-secondary:disabled:hover {border-color:#f5b7b1;}
.btn.btn-primary.btn-loading:hover, .btn.btn-primary:disabled:hover {background:#e74c3c;border-color:#e74c3c;color:#fff;}
.btn-loading:before {transition: 0.2s; position: absolute; left: 12px; top: 14px;opacity: 1; z-index: 9; width: 28px; height: 28px; content: ""; display: block; background: transparent url(../img/loader.gif) no-repeat center center; background-size: 100%;}
.btn {border-radius:0;float:left;clear:both;width:auto;padding:13px 20px;line-height:20px;font-size:16px;font-weight:bold;border:2px solid transparent;text-decoration:none;transition:0.2s;cursor:pointer;}
.btn:hover, a.btn:hover {text-decoration:none;color:#fff;}
.btn.btn-primary {background:#e74c3c;border-color:#e74c3c;color:#fff;}
.btn.btn-primary:hover, a.btn.btn-primary:hover {background:#c0392b;border-color:#c0392b;color:#fff;}
.btn.btn-secondary {background:transparent;border:2px solid #f5b7b1;color:#c0392b;}
.btn.btn-secondary:hover, a.btn.btn-secondary:hover {border-color:#c0392b;color:#c0392b;}
.btn.btn-next {clear:none;margin-left:10px;}
.ui-drop-files {box-shadow: none;border: 4px dashed rgba(0,0,0,0.2);height: 100px;background: rgba(0,0,0,0.1);}
.bordered-box {border: solid 1px #eaeaea;padding: 10px;font-size: 14px;}
.bordered-box h2 {font-size: 1.2em;margin-top: 0;font-family:'Open Sans',sans-serif;font-weight: bold;}
.form-container .photos input {width: 100%;}
.form-container .photos img {width: 120px;}
.photos_div a {display: block;}
.arrow-up {width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid #35C3D9;}
.hover .arrow-up {border-bottom-color: white;}
.arrow-down {width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #35C3D9;}
.hover .arrow-down {border-top-color: white;}
.arrow-left {width: 0;height: 0;border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-right: 5px solid #35C3D9;}
.hover .arrow-left {border-right-color: white;}
.arrow-right {width: 0;height: 0;border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-left: 5px solid #35C3D9;}
.hover .arrow-right {border-left-color: white;}
.paginate {text-align: center;clear: both;margin: 25px 0; float: left; width: 100%;}
.paginate li {display: inline;list-style-type: none;}
.paginate a,.paginate span {display:inline-block;font-weight:bold;text-decoration: none;margin: 0 1px;padding: 9px 5px;text-align:center;border-radius:0;height:40px;min-width:40px;line-height:20px;background:#fff;border: 2px solid #f5b7b1; color: #c0392b;}
.paginate a:hover {border-color:#c0392b;}
.paginate span.searchPaginationSelected {background: #c0392b; border-color: #c0392b; color: #fff;}
.btn.see_by {float: right;white-space: nowrap;outline: 0;display: block;position: relative;font-size:14px;line-height:18px;font-weight:normal;padding: 10px 12px; height: 40px;}
.btn.see_by:hover label i:before {content:"\f106";}
.see_by span {float:left;margin-right:3px;}
.see_by label {float: left;margin: 0;padding: 0;clear: none; width: auto;font-weight:600;font-size:14px;}
.see_by label i {margin-left:3px;margin-right:-2px;}
.see_by ul {position: absolute;top:38px;right: -2px;margin:0;padding: 10px 5px;list-style: none;display: none;width:auto;min-width:calc(100% + 4px);text-align:left;border:2px solid #c0392b;border-top:none;background:#fff;}
.see_by ul a {font-size: 15px;font-weight:normal;color: #333;padding:5px 5px;margin:0 0 3px 0;float:left;clear:both;}
.see_by .arrow-up,.see_by .arrow-down,.see_by .arrow-right,.see_by .arrow-left {position: absolute;right: 6px;top: 11px;}
.hover ul {display: block;}
.wrapper-flash {font-weight: bold;}
body #restricted-fine-uploader { margin-bottom: 20px; float: left; width: 100%; clear: both;padding-left:0; }
.item-post .form-horizontal .control-group.img {padding-left:30%;}
body .qq-upload-button {padding: 20px 10px; color: #fff; background: #e74c3c; font-weight: bold;width:100%;}
#item-content h1 {font-size: 46px; line-height: 50px; margin: 0 0 20px 0;}
#sidebar .price {padding:8px 5px;font-weight:bold;float:left;width:100%;margin:0 0 12px 0;color:#000;font-size:40px;line-height:44px;text-align:right;}
.flashmessage {font-size: 16px;padding: 18px 50px 18px 10px;width: 100%;top:0px;z-index: 8;text-align: center;color: #ffffff;position: relative;}
.flashmessage + .flashmessage, .flashmessage + #flash_js + .flashmessage {margin-top:10px;}
.flashmessage-warning,.help-box {background-color: #d0a52a;border: solid 1px #93741e;}
.flashmessage-error {background-color: #c44e20;border: solid 1px #873616;}
.flashmessage-ok {background-color: #839b44;border: solid 1px #4f5e29;}
.flashmessage-info {background-color: #30a0ef;border: solid 1px #2477b2;}
.flashmessage a {color:#fff;text-decoration:underline;}
.flashmessage a:hover {color:#fff;text-decoration:none;}
.help-box {padding: 5px 10px;display: inline-block;color: #fff;font-size: 14px;margin: 10px 0;}
.flashmessage .ico-close {transition:0.1s;position: absolute; top: 50%; right: 5px; float: right; font-size: 18px; color: white; text-shadow: none; text-decoration: none; font-weight: bold; cursor: pointer; padding: 0; line-height: 40px; border: none; width: 40px; height: 40px; margin-top: -20px; background: rgba(0,0,0,0.2); }
.flashmessage .ico-close:hover {background:rgba(0,0,0,0.3);}
.flashmessage-error .close {color: #B94A48;}
.flashmessage-warning .close {color: #C09853;}
.flashmessage-success .close,.flashmessage-information .close {color: #3A87AD;}
#error_list,.error_list, #comment_error_list {text-align:left;background-color: #F2DEDE;border: solid 2px #EED3D7;color: #B94A48;padding: 10px;list-style: none;display: none;margin: 15px 0;;}
#error_list li,.error_list li, #comment_error_list li {list-style: none;padding:0;}
#error_list li label,.error_list li label, #comment_error_list li label {margin-top: 0;float: none;width: auto;font-weight:normal;margin:2px 0;padding:0;text-align:left;}
#comment_error_list {margin-top:0;}
.user-card {background-color: #f6f6f4;position: relative;padding-left: 120px;min-height: 120px;margin-bottom: 25px;}
.user-card ul {padding: 15px;margin: 0;list-style: none;}
.user-card .name {font-size: 25px; line-height: 28px; font-weight: bold; margin: 0 0 5px 0;}
.user-card .website {margin:0 0 5px 0;}
.user-card img {position: absolute;left: 0;top: 0;width: 120px;height:auto;}
.icons {font-size: 32px;line-height: 32px;}
.icons :after {display: inline-block;font-family: "icons";}
.ico-search:after {content: "s";}
.ico-menu:after {content: "m";}
.ico-grid:after {content: "g";}
.wrapper {width: 980px;margin-left: auto;margin-right: auto;}
.wrapper > .box { float: left; clear: both; width: 100%; }
#responsive-trigger {display: none;}
fieldset {border: 0;margin: 0;padding: 0;}
h1, h2, h3, h4,h5 {display:inline-block;margin:0;padding:0;font-weight:normal;width:100%;}
h1, h2.h1 {font-size:40px;line-height:44px;color:#000;margin:10px 0 15px 0;font-family:Merriweather,serif;font-weight:normal;}
h2, h3.h2 {font-size:24px;line-height:28px;margin:10px 0 25px 0;font-weight:bold;}
h3 {font-size:20px;line-height:24px;font-weight:bold;}
h4 {font-size:18px;line-height:22px;font-weight:bold;}
.clear {clear: both;}
body.search #sidebar,body.user #sidebar {float: left;width: 210px;}
body.user h1 {font-size: 26px; line-height: 30px; margin: 0 0 15px 0;font-weight:bold;border-bottom: 1px solid rgba(0,0,0,0.1);padding-bottom: 15px;}
body.user h3 {font-size: 18px; line-height: 22px; margin: 0 0 10px 0;width:auto;}
body.user .form-horizontal label {padding-top:16px;font-weight:bold;}
body.user .form-horizontal .controls input[type="checkbox"] {margin:15px 6px 0 0;}
body.user .form-horizontal .controls input[type="checkbox"] + label {font-weight:normal;}
body.user .form-horizontal .controls input[type="text"], body.user .form-horizontal .controls input[type="password"], body.user .form-horizontal .controls input[type="email"], body.user .form-horizontal .controls select {width:70%;margin:0;}
body.user .form-horizontal .control-group.bts {padding-left:30%;}
body.user .form-horizontal .controls textarea {width:90%;height:120px;margin:0;}
body.user #error_list, body.user .error_list {margin:0 0 20px 0;padding:12px;}
body.user .form-horizontal .control-group {margin-bottom:15px;}
.form-horizontal .controls.mls {padding-top:14px;}
body.search #main,body.user #main {float: right;width: 728px;}
body.search .list-header .actions {float:right;}
.resp-toogle {display: none;}
.title-has-actions {border-bottom: solid 1px #eaeaea;margin-bottom: 10px;}
.title-has-actions h1,.title-has-actions h2,.title-has-actions h3 {float: left;margin-bottom: 0;}
.title-has-actions a {float: right; margin-left: 10px; margin-top: 2px;}
.alerts-items-empty {margin:12px 0;padding:2px;}
.user-alert .listing-card .listing-basicinfo a {float:left;}
.user-alert .listing-card .listing-attributes {float:left;clear:both;width:100%;}
.user-alert .listing-card .desc {float:left;clear:both;width:100%;}
.alert-frequency {display:flex;float: left; align-items: center; flex-wrap: nowrap;margin:4px 0;}
.alert-frequency > a {padding:5px 10px;font-size:14px;line-height:16px;margin:0 -1px 0 0;border:1px solid #ccc;background:#fff;}
.alert-frequency > a:first-child {border-radius:4px 0 0 4px;}
.alert-frequency > a:last-child {border-radius:0 4px 4px 0;}
.alert-frequency > a.active {background:#f0f0f0;font-weight:600;}
.alert-frequency > a:hover {text-decoration:none;background:#f0f0f0;}
section.header-ad {padding:20px 0 0 0;}
.ads_300,.ads_728,.ads_468 {background-color: #FDF6E5;display: block;margin: 15px 0;overflow:hidden;text-align:center;}
.ads_300 {max-width: 300px;width:100%;min-height: 250px;margin:0 0 15px 0;float:left;clear:both;}
.ads_728 {max-width: 728px;width:100%;min-height: 90px;}
.similar_ads .ads_728 {max-width: 640px;width:100%;min-height: auto;}
.ads_468 {max-width: 468px;width:100%;min-height: 60px;}
#sidebar ul li a em {display: inline-block;}
.error404 {text-align:center;padding:25px 0;}
.error404 h1 {font-size:180px;line-height:200px;}
.error404 h2 {font-size:36px;line-height:40px;}
.error404 h3 {margin-bottom:40px;}
.error404 .btn {float:none;display:inline-block;}
footer {padding: 35px 0 25px 0;background:#cde8e9;}
footer .box > a {color:rgba(0,0,0,0.7);font-size:15px;margin:0 25px 10px 0px;display:inline-block;font-weight:bold;float:left;line-height:20px;}
footer .box > a:hover {color:rgba(0,0,0,0.9);text-decoration:underline;}
footer .bottom {float:left;clear:both;color:#ccc;font-size:16px;line-height:22px;margin:10px 0;}
footer .copy, footer .language {font-size: 13px;color: rgba(0,0,0,0.6);line-height:20px;float:left;clear:both;width:auto;text-align:left;margin:15px 0 10px 0;}
footer .language {float:right;clear:none;}
footer .copy a {color: rgba(0,0,0,0.65);}
footer .language a {font-weight:normal;color: rgba(0,0,0,0.65);margin-left:6px;}
footer .language a.active {font-weight:bold;}
header {background-color: #fff;width: 100%;height: auto;display: block;position: relative;margin:0;padding:10px 15px;}
body.osc-has-admin-header header {margin-top:0;}
body.home header, body.home section.home-search, body.home section.header-ad {background-color:#ffffff;}
body.home section.home-search {padding-top:0;padding-bottom:0;}
header .wrapper {position: relative;}
header .ads_header {width: 728px;margin-left: auto;margin-right: auto;padding: 10px 0px 10px 0px;}
header #logo {color: #fff;font-family:'Open Sans',sans-serif;border: none;font-size: 20px;line-height: 22px;float:left}
header #logo a {font-weight: 600;text-decoration: none;color: #333;display:inline-block;}
header #logo img { display: inline-block; height: 55px; width: auto; margin: 5px 0; }
header .nav { float: right; height: 65px; }
header .nav a { font-weight: bold; font-size: 16px;line-height: 25px; margin: 16px 0 16px 3px;height: 35px; padding: 5px 12px; border: 1px solid transparent;float: left; transition: .2s; border-radius: 100px; }
header .nav a:hover { border-color: #e74c3c; text-decoration: none; }
header .nav a.publish { background: #e74c3c; border-color: #e74c3c; color: #fff; text-decoration: none; border-radius: 8px; }
header .nav a.publish:hover { box-shadow: none; background: #c0392b; border-color: #c0392b; }
header .nav a.my-account {float:left;margin: 16px 3px 16px 6px;padding: 5px 10px 2px 41px;height:35px;position:relative;display:flex;flex-direction: column; align-items: flex-start; align-content: flex-start;}
header .nav .my-account > img {position:absolute;top:0;left:0;width:33px;height:33px;object-fit:cover;border-radius:100px;}
header .nav .my-account > strong {font-size:15px;line-height:15px;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:128px;}
header .nav .my-account > span {font-size:12px;line-height:10px;color:#777;font-weight:normal;}
header .nav a.logout2 {border:none;color:#777;font-size:20px;padding:7px 0;text-indent:2px;width:36px;text-align:center;border-radius:8px;margin-left:5px;}
header .nav a.logout2:hover {text-decoration:none;background:rgba(0,0,0,0.1);color:#666;border:none;}
header, footer, section, body > .widget {float:left;clear:both;width:100%;padding-left:15px;padding-right:15px;}
body > .widget {text-align:center;}
form.search h1 {text-align:center;margin:50px 0 40px 0;}
#home-cats {float:left;clear:both;width:100%;border-radius:5px;background:#f6f6f4;padding:25px 13px 14px 25px;margin:0}
#home-cats h2 {margin:0 0 20px 0;font-size:22px;line-height:26px;}
#home-cats a {float: left; width: 110px; padding: 10px 5px 0 5px; margin: 0 10px 11px 0; height: 120px; background: #fff; border: 1px solid rgba(0,0,0,0.1); border-radius: 4px; text-align: center;}
#home-cats a .icon {width:100%;display:block;margin:0 0 10px 0;color:#75a9ab;}
#home-cats a .icon i {font-size:34px;line-height:56px;}
#home-cats a strong {width:100%;display:block;color:#000;line-height: 18px; max-height: 36px; overflow: hidden; word-break: break-word; font-size: 14px;}
#home-regs {float:left;clear:both;width:100%;padding:25px 0;}
#home-regs h2 {margin:0 0 20px 0;font-size:22px;line-height:26px;}
#home-regs .wrap > div {float:left;width:100%;padding-right:0;margin:0 0 10px 0;}
#home-regs a {font-weight:normal;font-size:15px;line-height:18px;}
#home-regs .wrap > div:nth-of-type(1n+10) {display: none;}
#home-regs a i {color:#aaa;float:left;font-size:15px;line-height:18px;margin:0 4px 0 0;}
#home-regs a em {font-style:normal;font-size:13px;}
.home-latest {float:left;clear:both;width:100%;margin:0 0 40px 0;}
.home-latest h2 {margin:15px 0 15px 0;font-size:22px;line-height:26px;}
body {background:#fff;font-size:15px;line-height:22px;display:block;float:left;width:100%;}
body:not(.home) header {border-bottom:1px solid rgba(0,0,0,0.1);}
body.login > section, body.register > section, body.recover > section, body.contact > section {background:#f6f6f4;min-height:520px;}
body.item-post > section {background:#f6f6f4;}
body.item-post #error_list {margin-left:30%;width:70%;}
section {padding-top:20px;padding-bottom:50px;}
body.user > section {min-height:520px;}
.main-search {display:block;width:100%;margin:20px 0 40px 0;float:left;}
.main-search > .cell {float:left;width:50%;padding-right:20px;}
.main-search > .cell input[type="text"], .main-search > .cell select, .main-search > .cell button {width:100%;margin:0;}
.main-search > .cell.c2 {width:30%}
.main-search > .cell.c3 {width:20%;padding-right:0;}
.wrapper:empty {display:none;}
.wrapper-flash {margin-bottom: 20px;}
div.breadcrumb {line-height: 18px;font-size: 14px;height: auto;margin: 0 0 20px 0;width: auto;padding: 0;}
ul.breadcrumb {list-style: none;margin: 0;padding: 0;}
ul.breadcrumb li {float: left;padding: 0 2px;font-weight: normal;}
.r-list {display: none;margin: 0px 40px 0 0;padding: 0;list-style: none;}
.latest_ads {padding-top: 25px;}
.latest_ads h1 {float: left;}
.latest_ads .actions {float: right;margin-top: 5px;}
body.home .r-list {display: block;}
body.home #main {width: 640px;float: left;}
.tbl {display: block;width: 100%;}
div.first_cel ul {margin: 0;}
.cell_3 {width: 33%;float: left;}
.cell_3 ul {margin: 0;margin-left: 20px;}
.r-list li {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.r-list li .r-list li li {float: none;width: 100%;}
.r-list li>li:nth-child(4n),.r-list li .clear {clear: both;}
ul.r-list li h1 {margin: 25px 0 10px 0;padding: 0;font-size: 1em;overflow: hidden;text-overflow: ellipsis;}
ul.r-list li h1 a {font-size: 1em;}
ul.r-list li h1 span {font-weight: normal;display: inline-block;}
ul.r-list li h1 span.resp-toogle {display: none;}
ul.r-list li a,ul.r-list li span {text-decoration: none;font-size: 0.8125em;display: inline-block;}
ul.r-list li ul {list-style: none;margin: 0;padding: 0;}
.list-header {margin-bottom: 15px;z-index: 3;position: relative;float:left;width:100%;}
.listing-card-list {margin: 0;padding: 0;list-style: none;clear: both;}
.listing-card-list.listing-grid {margin-left:-10px;margin-right:-10px;width:calc(100% + 20px);}
.listing-card-list.listing-list .listing-card:last-child {border-bottom:none;}
.see_more_link {clear: both;}
.counter-search {float: left;line-height: 18px;margin:11px 5px 11px 0;}
#main h5 {margin-bottom: 10px;}
#related-searches {padding-top: 20px;margin:20px 0;border-top:1px solid rgba(0,0,0,0.1);}
#related-searches h5 {margin-bottom: 5px;font-size: 15px;}
#related-searches a {font-size:14px;font-weight:normal;padding:4px 6px;margin:0 6px 5px 0;border:1px solid #e74c3c;border-radius:4px;transition:0.2s;display:block;float:left;}
#related-searches a:hover {border-color:#000;text-decoration:none;color:#000;}
body.search h1 {margin:0 0 22px 0;font-size:32px;line-height:36px;font-weight:600;}
.listing-card {clear: both;padding: 20px 0;margin: 0;border: 0;border-bottom: 1px solid rgba(0,0,0,0.1);position: relative;width: 100%;display: table;}
.listing-list .listing-card:first-child:last-child {border-bottom:none;}
.listing-card .listing-basicinfo,.listing-card .listing-attributes {display: block;vertical-align: top;width: auto;}
.listing-card .listing-attributes {width: auto;}
.listing-card .currency-value {display: block;white-space: nowrap;font-weight: bold;color: #000;font-size:17px;line-height:20px;margin:0 0 1px 0;max-width:100%;overflow:hidden;text-overflow:ellipsis;}
.listing-card .listing-data {display: table-row;width: 100%;}
.listing-list .listing-card .listing-detail {width: auto;margin-left: 105px;}
.listing-card .listing-cell {display: table;width: 100%;}
.listing-card .listing-thumb {float: left;}
.listing-card .listing-thumb img {height: auto;width: 95px;}
.listing-card .listing-attributes a {color: #777;font-weight: bold;}
.listing-card .listing-attributes a {text-decoration: none;}
.listing-card .listing-attributes a:hover {text-decoration: underline;}
.premium-list li.listing-card,li.listing-card.premium {background-color: #FCFCD7;}
.listing-grid .listing-card {float: left;width: 23%;padding: 0;background-color: #FFF;border-radius:0px;border:1px solid rgba(0,0,0,0.1); margin: 0 1% 20px 1%;position: relative;display: block;clear: none;}
.listing-grid .listing-card img {width: 100%;height: auto;float: none;border-top-left-radius:4px;border-top-right-radius:4px;transition:0.2s;}
.listing-grid .listing-card .listing-thumb:hover img {transform:scale(1.08);}
.listing-grid .listing-detail {margin-left: 0;}
.listing-grid .listing-basicinfo,.listing-grid .listing-data {width: 100%;display: block;float:left;}
.listing-grid .listing-data {padding:12px 12px;}
.listing-grid .listing-thumb {width: 100%;border-bottom:1px solid rgba(0,0,0,0.1);overflow:hidden;}
.listing-grid .listing-cell {display: block;}
.listing-grid .listing-basicinfo .desc {display: none;}
.listing-grid .listing-basicinfo a {margin:0 0 8px 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;display: inline-block;font-size:16px;line-height:18px;font-weight:normal;}
.listing-grid .date, .listing-grid .category, .listing-grid .location {display: none;}
.listing-grid .admin-options {display:none;}
.listing-list a {font-size:16px;font-weight:normal;margin:0 0 5px 0;}
.listing-list .listing-card .currency-value {margin:3px 0 5px 0;font-size:20px;line-height:22px;overflow:visible;position:relative;}
.listing-list .desc {line-height:20px;max-height:80px;overflow:hidden;}
.listing-list .listing-details {font-size:14px;margin:0 0 5px 0;color:#888;}
.listing-list .listing-details > span:after { content: "/"; margin: 0 5px 0 10px; }
.listing-list .listing-details > span:last-child:after {display:none;}
.listing-list .listing-details > span:empty { display: none; }
#mask_as_form {float:left;clear:both;width:100%;margin:0 0 15px 0;}
body.search .listing-grid .listing-card, .similar_ads .listing-grid .listing-card {width: calc(33.33% - 20px);margin:0 10px 20px 10px;}
#sidebar {width: 300px;float: right;}
#sidebar .filters {float:left;clear:both;width:100%;background:#f6f6f4;padding:15px 12px;margin:0 0 15px 0;}
#sidebar .filters .row {width:100%;display:inline-block;}
#sidebar input[type="text"],#sidebar input[type="date"],#sidebar input[type="number"], #sidebar select {height:40px;padding:6px 8px;width:100%;margin:0;}
#sidebar button, #sidebar .btn {min-height:40px;padding:8px 20px;font-size:15px;width:auto;}
#sidebar .btn.lgn {margin-top:8px;}
#sidebar #contact p {margin:0 0 5px 0;}
#sidebar #contact p.bld {font-weight:bold;}
#sidebar #contact p > span {font-weight:normal;}
#sidebar #contact p.problem {margin-top:15px;}
#sidebar #contact p.user-img img {max-width:100%;width:128px;margin-bottom:5px;}
#sidebar h3 {margin: 0 0 3px 0;font-size:14px;line-height:16px;}
#sidebar fieldset {padding:0;margin:0 0 20px 0;border:none;}
#sidebar fieldset.cats {margin-bottom:0;}
#sidebar ul.category,#sidebar ul.category ul {padding: 0;margin: 0;list-style: none;}
ul.sidebar-list,ul.user_menu {padding: 0;margin: 0;list-style: none;}
body.user #sidebar {padding:20px;background:#f6f6f4;}
#sidebar ul.category li,ul.sidebar-list li,ul.user_menu li {padding: 3px 0;line-height: 1.15em;}
ul.user_menu li {margin:0 0 8px 0;}
#sidebar ul.category ul {padding-left: 15px;}
#sidebar .show-sub a {font-weight: bold;}
#sidebar .show-sub li a {font-weight: normal;}
#sidebar .two_input input {width: 70px;}
#sidebar .actions {padding:0;margin:0 0 15px 0;float:left;clear:both;width:100%;}
#sidebar .actions:empty {display:none;}
#sidebar .plugin-hooks {padding:0;margin:0 0 20px 0;float:left;clear:both;width:100%;}
#sidebar .plugin-hooks:empty {display:none;}
#sidebar .plugin-hooks > div:first-child, #sidebar .plugin-hooks > span:first-child {margin-top:0;}
#sidebar .plugin-hooks > div:last-child, #sidebar .plugin-hooks > span:last-child {margin-bottom:0;}
#sidebar .plugin-hooks h6 {margin:0 0 3px 0;color:#222;font-size:14px;line-height:16px;}
#sidebar .plugin-hooks .row {margin-bottom: 16px;}
#sidebar .plugin-hooks .row.checkboxes {margin-bottom: 5px;}
#sidebar .plugin-hooks .row.radio label {padding:0px;margin:1px 0;font-weight:normal;font-size:14px;display:flex;align-items: center;}
#sidebar .plugin-hooks .row.radio label input {margin:0 4px 0 0;width:14px;height:14px;max-width:14px;max-height:14px;}
#sidebar .plugin-hooks > :last-child {margin-bottom:0;}
#sidebar .plugin-hooks > * > :last-child {margin-bottom:0;}
#sidebar .select-box {width: 100%;}
#sidebar a {text-decoration: none;}
#sidebar a:hover {text-decoration: underline;}
.widget-box {background-color: #f6f6f4;padding: 10px;margin-bottom: 15px;}
.widget-box h3 {margin: 0;}
.widget-box ul {margin: 0;padding: 0;list-style: none;}
.widget-box #error_list {margin-bottom:5px;}
.widget-box li a {text-decoration: none;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;width: 100%;font-weight: normal;font-size: 0.8125em;display: block;padding: 4px 5px;border-radius: 0px;margin: -1px 0;position: relative;border-bottom: solid 1px #eaeaea;border-top: solid 1px #eaeaea;}
.widget-box li li a:hover {background-color: #8bdce9;border-color: #f6f6f4;color: #fff;z-index: 2;border-radius: 3px;}
body.item #sidebar .widget-box,body.user-public-profile #sidebar .widget-box {padding: 20px;float:left;clear:both;width:100%;}
body.item #sidebar .widget-box h2,body.user-public-profile #sidebar .widget-box h2 {margin:0 0 10px 0;font-size:20px;line-height:22px;}
body.item #main,body.user-public-profile #main {width: 640px;float: left;}
body.item.item-post #main {width: 760px;}
.item-photos .main-photo {width: 550px;float: left;}
.item-photos .thumbs {float: right;width: 79px;}
.item-photos .thumbs img {margin-bottom: 10px;border: solid 2px rgba(0,0,0,0.1);transition:0.2s;}
.item-photos .thumbs img:hover {border-color:#e74c3c;}
.item-photos { margin: 0 0 25px 0; display: block; float: left; width: 100%; }
.item-header {margin:0 0 15px 0;padding:12px 5px;border-top:1px solid rgba(0,0,0,0.1);border-bottom:1px solid rgba(0,0,0,0.1);}
.item-header #type_dates {float: right;}
.item-header #type_dates em {font-style: normal;}
.item-header > div {margin:2px 0;}
.item-header > div:empty {display:none;}
#item_location {list-style: none;margin: 0;padding: 0;}
#item_location li {display: inline;}
#description {clear: both;display:block;float:left;width:100%;}
#description .desc {clear: both;display:block;float:left;width:100%;line-height:24px;margin:0 0 25px 0;}
#description .item-hook h2, #description .item-hook h3 {display: inline-block; width: 100%; border: none; font-size: 18px;line-height:22px;font-weight: bold; color: #000; margin: 0 0 5px 0;}
#description .item-hook .table-attributes {display: inline-block; width: 100%; margin: 0 0 20px 0;}
#description .item-hook .table-attributes table {margin: 0;width:100%;border-spacing: 0px;}
#description .item-hook .table-attributes table label {font-weight:normal;margin:0;}
#description .item-hook .table-attributes table td {padding:0;width:65%;}
#description .item-hook .table-attributes table td:first-child {width:35%;}
#description .item-hook .table-attributes table td:last-child, #description .item-hook .table-attributes table td:last-child label {font-weight:bold;}
#custom_fields .meta {font-weight:bold;}
#custom_fields .meta strong {font-weight:normal;display:inline-block;width:35%;}
.contact_button {clear: both;display:block;float:left;width:100%;margin:0 0 25px 0;}
.item-hook, #custom_fields {clear: both;display:block;float:left;width:100%;margin:0 0 25px 0;}
#useful_info {float:left;clear:both;width:100%;margin:0 0 20px 0;padding:20px;border:2px solid rgba(0,0,0,0.1);font-size:15px;line-height:18px;}
#useful_info h2 {margin:0 0 10px 0;font-size:16px;line-height:18px;}
#useful_info ul {list-style-type:disc;padding:0 0 0 20px;}
#useful_info ul li {clear:both;margin:0 0 5px 0;}
.user-public-profile .similar_ads h2, .user-public-profile h2 {margin-bottom:5px;}
.item-hook:empty, #custom_fields:empty {display:none;}
.contact_button a {margin-right:12px;padding: 8px 15px;float:left;clear:none;}
div.mark_as {height: 32px;width: 100%;border: none;background: transparent;margin-bottom: 15px;}
.mark_as a {width: 100%;height: auto;display: block;top: 0;left: 0;position: absolute;}
.mark_as .select-box-label {border: solid 1px #f2f2f2;position: relative;float: none;background: #f6f6f4;}
.similar_ads h2 {margin-top: 35px;}
.admin-options {color:#999;float:left;width:100%;clear:both;margin:10px 0 0 0;}
.admin-options span {margin:0 10px 0 0;float:left;}
.admin-options a {font-size: 13px;margin: 0 10px 0 0;color:#111;float:left;font-weight:normal;padding:4px 6px;line-height:16px;border:1px solid rgba(0,0,0,0.1);border-radius:4px;}
.admin-options a:hover {border-color:rgba(0,0,0,0.2);}
body.item h1 .price {font-weight: normal;font-size: 24px;float: right;background-color: #FCF8E3;padding: 5px 10px;}
.comment-rating {margin:0 0 5px 0;}
.comment-rating i {margin:0 -3px 0 0;font-size:16px;line-height:16px;color:#ccc;}
.comment-rating i.fill, .comment-leave-rating i.is-rating-item.fill {color:#ffb900;}
.comment-leave-rating {margin:7px 0;float:left;}
.comment-leave-rating i.is-rating-item {cursor:pointer;float:left;width:26px;text-align:center;height:26px;line-height:26px;font-size:22px;color:#ccc;margin:0;display:block;}
.comment-leave-rating:hover i.is-rating-item {color:#ffb900;}
.comment-leave-rating:hover i.is-rating-item:hover ~ i.is-rating-item {color:#ccc;}
.comment-rating-selected {float:left;margin:15px 0 0 5px;line-height:16px;font-size:13px;}
.comment-rating span {margin: 0 0 0 4px; font-size: 12px;}
.form-horizontal.new-comment .controls .red {padding-top:11px;color:#e50000;display:inline-block;width:100%;line-height:18px;}
.item #comments .empty {float:left;clear:both;width:100%;margin:0 0 10px 0;color:#555;}
.item #comments h2 {margin:0 0 10px 0;}
.item #comments h3 {font-size: 16px;line-height:18px;margin:0 0 10px 0;}
.item #comments input[type="text"] {height:40px;padding:8px;width:60%;margin:0;}
.item #comments textarea {height:120px;padding:8px;width:90%;margin:0;}
.item #comments {clear: both;float: left;width: 100%;background:#ffffff;padding:20px 20px 30px 20px;margin:10px 0 0 0;}
.item #comments .comments_list {margin-bottom: 20px;float:left;width:100%;}
.item #comments .comment {margin:0;padding:15px 5px;border-top:1px solid rgba(0,0,0,0.1);position:relative;}
.item #comments .comment.has-user-img {padding-left:60px;}
.item #comments .comment:last-child {border-bottom:1px solid rgba(0,0,0,0.1);}
.item #comments .comment h3 {color: #000;margin-bottom: 5px;}
.item #comments .comment h3 em {color: #888;font-size: 14px;font-weight: normal;}
.item #comments .comment p {color: #444;line-height: 18px;font-size:15px;}
.item #comments .comment .user-img {position:absolute;left:0px;top:15px;width:48px;height:48px;overflow:hidden;}
.item #comments .new-comment {display:block;float:left;width:100%;}
.item #comments .paginate + .new-comment {margin-top:20px;}
.item #comments .paginate {display:block;margin:0 0 20px 0;float:left;width:100%;}
.item #comments .paginate:empty {display:none;}
.item #comment-replies {display:block;margin:15px 0;}
.item #comment-replies .comment:last-child {border-bottom:none;}
.item #comments .comment-reply-row {margin-top:8px;}
.item #comments .comment-delete-row {margin-top:8px;}
.item #comments .reply-text:empty {display:none;}
.item #comments .reply-text {padding-left:30%;margin-top:8px;font-style:italic;color:#777;margin-bottom:4px;cursor:pointer;}
.item #comments .reply-text:hover {color:#dc0000;}
#plugin-hook {float:left;clear:both;width:100%;}
#plugin-hook .row {clear: both;margin-bottom: 10px;float:left;width:100%;}
#plugin-hook .row._20 { padding-left: 30%; }
.item-post .meta select, .item-post .meta input {width:45%;}
.item-post .meta input[type="radio"], .item-post .meta input[type="checkbox"] {width:16px;min-width:16px;height:16px;min-height:16px;margin:0 5px 0 0;}
.item.item-post .form-horizontal input[type="radio"] + label, .item.item-post .form-horizontal input[type="checkbox"] + label {padding:0;margin:0;line-height:16px;font-weight:normal;}
.meta_list .meta[data-type="RADIO"] ul, .meta_list .meta[data-type="CHECKBOX"] ul {display: flex ; flex-direction: column; align-items: flex-start; justify-content: center; padding-top: 16px;}
.meta_list .meta[data-type="RADIO"] ul li, .meta_list .meta[data-type="CHECKBOX"] ul li {display:flex;width:100%;margin:0 0 6px 0;align-items: center;}
.item-post .meta[data-type="CHECKBOX"] {padding-left:30%;}
.item-post .hooks {float:left;width:100%;clear:both;margin-top:25px;}
.item-post .hooks:empty {display:none;}
.primary_image {font-size:14px;}
body .ui-widget.ui-widget-content { border: 2px solid #ccc; border-radius: 0; border-top:none;font-size:14px;font-family:'Open Sans',sans-serif;line-height:18px;padding:4px 0;}
body .ui-widget-content a {padding: 2px 6px; height: auto; display: inline-block;}
body .ui-widget-content a.ui-state-focus, body .ui-widget-content a:hover { background: transparent; border-color: transparent; text-decoration: underline; }
body #fi_user_new_list .fi_new_name {margin:0;height:auto;}
body i.fa:before {font-family:"Font Awesome 5 Free";font-weight:900;}
body .frm-post.frm-post-highlight:before {font-family:"Font Awesome 5 Free";font-weight:900;}
body .frm-post.frm-best:before {font-family:"Font Awesome 5 Free";font-weight:900;content:"\f164";line-height:44px;font-size:22px;}
body #gdpr-check.styled .input-box-check label:after {font-family:"Font Awesome 5 Free";font-weight:900;font-size: 12px; text-indent: 0;}
body i.fa-dollar:before {content:"\f155";}
body i.fa-lightbulb-o:before {content:"\f0eb";}
body i.fa-thumb-tack:before {content:"\f08d";}
body i.fa-thumbs-o-up:before {content:"\f164";font-weight:400;}
body i.fa-pencil:before {content:"\f303";}
body i.fa-clock-o:before {font-weight:400;content:"\f017"}
body i.fa-mobile:before {content:"\f3cd";}
body i.fa-star-o:before {content:"\f005";font-weight: 400;}
body i.fa-warning:before {content:"\f071";}
body i.fa-handshake-o:before {content:"\f2b5";font-weight:400;}
body i.fa-file-archive-o:before {content:"\f1c6";font-weight:400;}
body i.fa-flag-o:before {content:"\f024";font-weight:400;}
body i.fa-trash-o:before {content:"\f1f8";}
body i.fa-envelope-o:before {content:"\f0e0";font-weight:400;}
body i.fa-sign-in:before {content:"\f2f6";}
body i.fa-pencil-square-o:before {content:"\f044";font-weight:400;}
body i.fa-folder-o:before {content:"\f07b";font-weight:400;}
body i.fa-user-o:before {content:"\f007";font-weight:400;}
body i.fa-sign-out:before {content:"\f2f5";}
body i.fa-newspaper-o:before {content:"\f1ea";font-weight:400;}
body i.fab.fa-share {font-family: "Font Awesome 5 Free"!important;}
body i.fab.fa-share:before {content:"\f064";font-weight:900;}
body i.fa.fa-repeat:before {content:"\f01e";font-weight:900;}
body i.fa-mail-reply:before, body i.fa-reply:before {content:"\f3e5";}
.mobile-box a i.fa-square:before {content:"\f004";}
body .osp-stat > span.osp-issue:after, body .osp-stat > span.osp-201:after, body .osp-stat > span.osp-801:after, body .osp-stat > span.osp-401:after, body .osp-stat > span.osp-601:after {font-weight:bold;font-family: "Font Awesome 5 Free";}
body .osp-pay-button li a:not(.osp-disabled):after {font-family: "Font Awesome 5 Free";font-weight:900;}
body .bpr-box-check label:after {font-family: "Font Awesome 5 Free"; content: "\f00c"; font-weight: 900!Important;}
body#body-custom .osp-body.osp-body-itempay .osp-pay-button {padding:0;}
body i.fa-youtube:before,body i.fa-vimeo:before,body i.fa-pinterest-p:before,body i.fa-facebook:before, body i.fa-instagram:before,body i.fa-whatsapp:before, body i.fa-twitter:before, body i.fa-google-plus:before, body i.fa-linkedin:before, body i.fa-pinterest:before {font-family:"Font Awesome 5 Brands"!important;}
body i.fa-cc-mastercard:before {font-family: "Font Awesome 5 Brands"!important;font-weight: 400;}
body #atr-form .atr-input-box label:after, .osp-promote-form label.osp-chk div:hover:after, body .osp-body-itempay .osp-promote-form .osp-h1:after,
body #atr-search .atr-box:after, body #atr-search .atr-input-box label:after, .osp-promote-form label.osp-chk div:after {font-family:"Font Awesome 5 Free";font-weight:900;}
.hero-banner{
background: linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.45)),
url("../images/hero.jpg") center center/cover no-repeat;
min-height:420px;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
color:#fff;
border-radius:12px;
margin:20px auto 35px;
}
.hero-content{
max-width:800px;
padding:20px;
}
.hero-content h1{
font-size:52px;
margin-bottom:15px;
color:#fff;
}
.hero-content p{
font-size:22px;
line-height:1.8;
color:#fff;
}
/* ترتيب هيدر السوق الكبير */
@media (min-width: 769px) {
header .wrapper .box {
display: flex;
align-items: center;
justify-content: space-between;
}
header #logo {
float: none;
order: 2;
}
header .nav {
float: none;
order: 1;
display: flex;
align-items: center;
}
header .nav a.publish {
background: #e74c3c;
border-color: #e74c3c;
color: #fff;
}
header .nav a.publish:hover {
box-shadow: none;
background: #c0392b;
border-color: #c0392b;
}
}
/* =========================================================
السوق الكبير - التخطيط العام
الخطوة 1
========================================================= */
:root {
--sk-red: #e74c3c;
--sk-dark: #2c3e50;
--sk-gray: #7f8c8d;
--sk-light: #f8f9fa;
--sk-border: #dfe3e6;
--sk-white: #ffffff;
}
/* منع العناصر من تجاوز الشاشة */
html,
body {
max-width: 100%;
overflow-x: hidden;
}
/* الحاوية الرئيسية */
.wrapper {
width: 100%;
max-width: 1100px;
margin-left: auto;
margin-right: auto;
}
/* الأقسام الرئيسية */
body.home section {
width: 100%;
}
/* محتوى الصفحة الرئيسية */
body.home #content {
width: 100%;
max-width: 1100px;
margin: 0 auto;
}
/* الصفحة الرئيسية */
body.home #main {
width: 100%;
float: none;
}
/* إلغاء تخطيط Sigma القديم للصفحة الرئيسية */
body.home #sidebar {
display: none;
}
/* المسافات العامة */
body.home section {
padding-left: 15px;
padding-right: 15px;
}
/* =========================================================
توحيد الصناديق
========================================================= */
body.home .box {
width: 100%;
}
body.home img {
max-width: 100%;
height: auto;
}
/* =========================================================
البحث
========================================================= */
body.home .home-search {
width: 100%;
}
body.home .home-search .wrapper {
max-width: 1100px;
}
body.home .home-search form.search {
width: 100%;
max-width: 1100px;
margin-left: auto;
margin-right: auto;
}
/* =========================================================
الإعلانات
========================================================= */
body.home .ads_728 {
width: 100%;
max-width: 1100px;
margin-left: auto;
margin-right: auto;
overflow: hidden;
}
/* =========================================================
التصنيفات
========================================================= */
body.home #home-cats {
width: 100%;
max-width: 1100px;
margin-left: auto;
margin-right: auto;
}
/* =========================================================
المناطق
========================================================= */
body.home #home-regs {
width: 100%;
max-width: 1100px;
margin-left: auto;
margin-right: auto;
}
/* =========================================================
الجوال
========================================================= */
@media screen and (max-width: 768px) {
.wrapper {
width: 100%;
max-width: 100%;
padding-left: 12px;
padding-right: 12px;
}
body.home section {
padding-left: 10px;
padding-right: 10px;
}
body.home #content {
width: 100%;
max-width: 100%;
padding: 0 10px;
}
body.home #main {
width: 100%;
float: none;
}
body.home #home-cats,
body.home #home-regs,
body.home .ads_728 {
width: 100%;
max-width: 100%;
}
}
/* =========================================================
شاشات الكمبيوتر الكبيرة
========================================================= */
@media screen and (min-width: 769px) {
body.home #content {
max-width: 1100px;
}
body.home #main {
width: 100%;
}
}
/* =========================================================
/* السوق الكبير - البحث */
body.home .home-search .main-search {
display: flex;
align-items: center;
gap: 8px;
width: 100%;
max-width: 1100px;
margin: 0 auto;
}
body.home .home-search .main-search .cell {
margin: 0 !important;
padding: 0 !important;
}
body.home .home-search .main-search .c1 {
flex: 1;
}
body.home .home-search .main-search .c2 {
width: 210px;
}
body.home .home-search .main-search .c3 {
width: 110px;
}
body.home .home-search .main-search label {
display: none;
}
body.home .home-search .main-search input,
body.home .home-search .main-search select,
body.home .home-search .main-search button {
height: 50px;
box-sizing: border-box;
border-radius: 6px;
}
body.home .home-search .main-search input {
width: 100%;
padding: 0 15px;
}
body.home .home-search .main-search select {
width: 100%;
padding: 0 10px;
}
body.home .home-search .main-search button {
width: 100%;
padding: 0 15px;
white-space: nowrap;
}
/* الجوال */
@media screen and (max-width: 768px) {
body.home .home-search .main-search {
flex-direction: row;
gap: 6px;
}
body.home .home-search .main-search .c1 {
flex: 1;
}
body.home .home-search .main-search .c2 {
width: 110px;
}
body.home .home-search .main-search .c3 {
width: 75px;
}
body.home .home-search .main-search input,
body.home .home-search .main-search select,
body.home .home-search .main-search button {
height: 46px;
}
}
/* =========================================================
السوق الكبير - ثيم أحمر + نص تحت اللوجو
========================================================= */
:root {
--sk-red: #e74c3c;
--sk-red-dark: #c0392b;
--sk-dark: #2c3e50;
--sk-gray: #7f8c8d;
--sk-light: #f8f9fa;
--sk-border: #dfe3e6;
--sk-white: #ffffff;
}
/* خلفية بيضاء نظيفة */
body.home header,
body.home section.home-search,
body.home section.header-ad {
background-color: #ffffff !important;
}
body.home {
background: #ffffff;
}
/* الروابط والأزرار */
a { color: var(--sk-red); }
a:hover { color: var(--sk-red-dark); }
button,
.btn,
.btn.btn-primary {
background: var(--sk-red) !important;
border-color: var(--sk-red) !important;
color: #fff !important;
}
button:hover,
.btn:hover,
.btn.btn-primary:hover,
a.btn.btn-primary:hover {
background: var(--sk-red-dark) !important;
border-color: var(--sk-red-dark) !important;
color: #fff !important;
}
.btn.btn-secondary {
background: transparent !important;
border: 2px solid #f5b7b1 !important;
color: var(--sk-red-dark) !important;
}
.btn.btn-secondary:hover {
border-color: var(--sk-red-dark) !important;
color: var(--sk-red-dark) !important;
}
/* زر نشر إعلان */
header .nav a.publish {
background: var(--sk-red) !important;
border-color: var(--sk-red) !important;
color: #fff !important;
border-radius: 8px !important;
font-weight: bold;
padding: 8px 18px !important;
}
header .nav a.publish:hover {
background: var(--sk-red-dark) !important;
border-color: var(--sk-red-dark) !important;
}
/* تركيز الحقول */
input:focus, select:focus, textarea:focus,
input:active, select:active, textarea:active {
border-color: var(--sk-red) !important;
outline: none;
}
/* زر البحث */
body.home .home-search .main-search button,
body.home .home-search form.search button,
.main-search button {
background: var(--sk-red) !important;
border-color: var(--sk-red) !important;
color: #fff !important;
border-radius: 6px !important;
font-weight: bold;
}
body.home .home-search .main-search button:hover,
.main-search button:hover {
background: var(--sk-red-dark) !important;
border-color: var(--sk-red-dark) !important;
}
body.home .home-search .main-search input,
body.home .home-search .main-search select {
border: 1px solid var(--sk-border) !important;
border-radius: 6px !important;
background: #fff;
}
/* الترقيم */
.paginate a, .paginate span {
border-color: #f5b7b1 !important;
color: var(--sk-red-dark) !important;
}
.paginate a:hover { border-color: var(--sk-red-dark) !important; }
.paginate span.searchPaginationSelected {
background: var(--sk-red-dark) !important;
border-color: var(--sk-red-dark) !important;
color: #fff !important;
}
.item #comments { background: #fdf2f2 !important; }
#home-cats a i, #home-cats .cat-icon, body.home #home-cats a {
color: var(--sk-red);
}
header {
background: #fff !important;
border-bottom: 1px solid var(--sk-border);
padding: 12px 15px;
}
header .nav a.active,
header .nav a:hover {
color: var(--sk-red);
}
header #logo a {
color: var(--sk-red) !important;
font-weight: 700;
}
/* تحسين الأقسام */
body.home #home-cats {
background: transparent !important;
padding: 20px 0;
}
body.home #home-cats h2 {
color: var(--sk-dark);
font-weight: bold;
border-right: 4px solid var(--sk-red);
padding-right: 10px;
}
/* =========================================================
النص تحت اللوجو مباشرة - أقصى اليمين
========================================================= */
/* اللوجو */
header #logo {
position: relative;
padding-bottom: 20px; /* مساحة للنص تحت الصورة */
}
header #logo img.logo-img,
header #logo img {
display: block;
height: 48px;
width: auto;
max-height: 55px;
}
/* كلمة "حراج السوق الكبير" تحت اللوجو */
header #logo::after {
content: "حراج السوق الكبير";
display: block;
position: absolute;
top: calc(100% - 16px);
right: 0;
left: auto;
font-size: 12px;
line-height: 1.25;
font-weight: 600;
font-family: 'Nunito', 'Cairo', 'Tajawal', sans-serif;
color: #2c3e50;
white-space: nowrap;
letter-spacing: 0.3px;
text-align: right;
pointer-events: none;
}
/* ترتيب الهيدر على الكمبيوتر: زر النشر يسار | اللوجو يمين */
@media screen and (min-width: 769px) {
header .wrapper .box {
display: flex !important;
align-items: center;
justify-content: space-between;
width: 100%;
}
header #logo {
float: none !important;
order: 2; /* يمين */
margin: 0;
}
header .nav {
float: none !important;
order: 1; /* يسار */
display: flex !important;
align-items: center;
gap: 6px;
height: auto;
}
header .nav a.publish {
order: -1; /* أول عنصر = أقصى اليسار */
margin: 0 12px 0 0 !important;
}
}
/* الجوال */
@media screen and (max-width: 768px) {
header #logo {
padding-bottom: 18px;
}
header #logo::after {
font-size: 11px;
right: 50%;
transform: translateX(50%);
text-align: center;
}
header .nav a.publish,
body .publish-btn,
a.publish {
background: var(--sk-red) !important;
border-color: var(--sk-red) !important;
color: #fff !important;
}
}
/* =========================================================
إخفاء العنوان الكبير في الوسط فقط
(نبقي النص الصغير تحت اللوجو)
========================================================= */
body.home section.home-search h1,
body.home .home-search form.search > h1,
body.home .home-search h1 {
display: none !important;
visibility: hidden !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
font-size: 0 !important;
overflow: hidden !important;
}
/* تصغير المسافة بعد إخفاء العنوان */
body.home section.home-search {
padding-top: 15px !important;
}
body.home .home-search p.hero-desc {
margin-top: 10px;
margin-bottom: 20px;
text-align: center;
font-size: 15px;
color: #555;
}
/* =========================================================
1) النافذة الإعلانية (السلايدر)
========================================================= */
.home-slider {
position: relative;
width: 100%;
max-width: 1100px;
margin: 15px auto 25px;
overflow: hidden;
border-radius: 12px;
background: #f8f9fa;
box-shadow: 0 2px 12px rgba(0,0,0,0.06);
}
.home-slider .slider-track {
position: relative;
width: 100%;
aspect-ratio: 16 / 5;
min-height: 140px;
background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%);
}
/* مكان الصورة */
.home-slider .slide {
position: absolute;
inset: 0;
display: none;
background: #f0f0f0;
}
.home-slider .slide.active {
display: block;
}
.home-slider .slide img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
/* إذا الصورة مكسورة أو غير موجودة يظهر لون أحمر مع نص */
.home-slider .slide img:not([src]),
.home-slider .slide img[src=""],
.home-slider .slide::after {
content: none;
}
/* أزرار السلايدر باللون الأحمر */
.home-slider .slider-btn {
position: absolute;
top: 50%;
transform: translateY(-50%);
border: 0;
background: #e74c3c !important;
color: #fff !important;
width: 40px;
height: 40px;
border-radius: 50%;
cursor: pointer;
font-size: 18px;
line-height: 40px;
text-align: center;
z-index: 5;
box-shadow: 0 2px 8px rgba(231,76,60,0.4);
padding: 0 !important;
float: none !important;
}
.home-slider .slider-btn:hover {
background: #c0392b !important;
}
.home-slider .slider-btn.prev {
right: 12px;
left: auto;
}
.home-slider .slider-btn.next {
left: 12px;
right: auto;
}
.home-slider .slider-dots {
position: absolute;
bottom: 12px;
left: 0;
right: 0;
text-align: center;
z-index: 5;
}
.home-slider .dot {
display: inline-block;
width: 9px;
height: 9px;
margin: 0 4px;
background: #fff;
opacity: 0.5;
border-radius: 50%;
cursor: pointer;
box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}
.home-slider .dot.active {
opacity: 1;
background: #e74c3c;
width: 22px;
border-radius: 5px;
}
/* الجوال: عرض الشاشة كامل */
@media screen and (max-width: 768px) {
.home-slider {
margin: 10px 0 20px;
border-radius: 0;
max-width: 100%;
width: 100%;
}
.home-slider .slider-track {
aspect-ratio: 16 / 7;
min-height: 160px;
}
.home-slider .slider-btn {
width: 36px;
height: 36px;
line-height: 36px;
font-size: 16px;
}
.home-slider .slider-btn.prev {
right: 8px;
}
.home-slider .slider-btn.next {
left: 8px;
}
}
/* =========================================================
2) جميع التصنيفات - شبكة صور بعرض الجوال
========================================================= */
body.home #home-cats,
#home-cats {
float: none !important;
clear: both;
width: 100% !important;
max-width: 1100px;
margin: 0 auto 30px !important;
padding: 20px 12px !important;
background: transparent !important;
border-radius: 0 !important;
}
#home-cats h2 {
margin: 0 0 18px 0 !important;
font-size: 20px !important;
line-height: 26px !important;
font-weight: 700;
color: #2c3e50;
border-right: 4px solid #e74c3c;
padding-right: 10px;
text-align: right;
}
/* الشبكة */
#home-cats .wrap {
display: flex !important;
flex-wrap: wrap;
gap: 12px;
justify-content: flex-start;
width: 100%;
float: none !important;
}
/* كل تصنيف = بطاقة */
#home-cats a {
float: none !important;
display: flex !important;
flex-direction: column;
align-items: center;
justify-content: center;
width: calc(50% - 6px) !important; /* عمودين على الجوال = عرض الشاشة */
max-width: none !important;
height: auto !important;
min-height: 130px;
margin: 0 !important;
padding: 18px 10px !important;
background: #fff !important;
border: 1px solid #e8e8e8 !important;
border-radius: 12px !important;
text-align: center;
text-decoration: none !important;
box-shadow: 0 2px 8px rgba(0,0,0,0.04);
transition: 0.2s;
box-sizing: border-box;
}
#home-cats a:hover {
border-color: #e74c3c !important;
box-shadow: 0 4px 14px rgba(231,76,60,0.15);
transform: translateY(-2px);
}
/* الأيقونة أو الصورة */
#home-cats a .icon {
width: 100%;
display: flex !important;
align-items: center;
justify-content: center;
margin: 0 0 10px 0 !important;
color: #e74c3c !important;
height: 56px;
}
#home-cats a .icon i {
font-size: 36px !important;
line-height: 1 !important;
color: #e74c3c !important;
}
/* دعم رفع صورة داخل التصنيف */
#home-cats a .icon img,
#home-cats a img {
width: 64px;
height: 64px;
object-fit: contain;
display: block;
margin: 0 auto 8px;
border-radius: 8px;
}
/* اسم التصنيف */
#home-cats a strong {
width: 100%;
display: block;
color: #2c3e50 !important;
font-size: 14px !important;
line-height: 1.3 !important;
max-height: none !important;
font-weight: 600;
overflow: visible;
}
/* الكمبيوتر: 5 أو 6 أعمدة */
@media screen and (min-width: 769px) {
#home-cats a {
width: calc(16.66% - 10px) !important; /* 6 أعمدة */
min-height: 140px;
padding: 20px 8px !important;
}
#home-cats .wrap {
gap: 12px;
}
#home-cats a .icon i {
font-size: 40px !important;
}
#home-cats a .icon img,
#home-cats a img {
width: 72px;
height: 72px;
}
}
/* جوال صغير: عمودين بعرض كامل تقريباً */
@media screen and (max-width: 480px) {
#home-cats a {
width: calc(50% - 6px) !important;
min-height: 120px;
padding: 14px 6px !important;
}
#home-cats a .icon i {
font-size: 32px !important;
}
#home-cats a strong {
font-size: 13px !important;
}
}
/* =========================================================
أيقونات التصنيفات بصور مخصصة
ضع الصور في:
oc-content/themes/sigma/images/cats/
بأسماء: maadat.png | sayarat.png | aqarat.png | khadamat.png | wazaef.png
========================================================= */
#home-cats a .icon {
position: relative;
width: 72px !important;
height: 72px !important;
margin: 0 auto 12px !important;
border-radius: 14px;
overflow: hidden;
background-color: #fdf2f2;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
/* إخفاء أيقونة Font Awesome عند وجود صورة خلفية */
#home-cats a.has-img .icon i,
#home-cats a[style*="background"] .icon i {
display: none !important;
}
/* ----- ربط كل تصنيف بصورته ----- */
/* معدات */
#home-cats a[href*="%d9%85%d8%b9%d8%af%d8%a7%d8%aa"] .icon,
#home-cats a[href*="معدات"] .icon {
background-image: url("https://souqalkabeer.com/oc-content/themes/sigma/images/cats/maadat.png");
}
#home-cats a[href*="%d9%85%d8%b9%d8%af%d8%a7%d8%aa"] .icon i,
#home-cats a[href*="معدات"] .icon i {
opacity: 0; /* تختفي إذا وُجدت الصورة */
}
/* مركبات وسيارات */
#home-cats a[href*="%d9%85%d8%b1%d9%83%d8%a8%d8%a7%d8%aa"] .icon,
#home-cats a[href*="مركبات"] .icon {
background-image: url("https://souqalkabeer.com/oc-content/themes/sigma/images/cats/sayarat.png");
}
#home-cats a[href*="%d9%85%d8%b1%d9%83%d8%a8%d8%a7%d8%aa"] .icon i,
#home-cats a[href*="مركبات"] .icon i {
opacity: 0;
}
/* العقارات */
#home-cats a[href*="%d8%a7%d9%84%d8%b9%d9%82%d8%a7%d8%b1%d8%a7%d8%aa"] .icon,
#home-cats a[href*="العقارات"] .icon {
background-image: url("https://souqalkabeer.com/oc-content/themes/sigma/images/cats/aqarat.png");
}
#home-cats a[href*="%d8%a7%d9%84%d8%b9%d9%82%d8%a7%d8%b1%d8%a7%d8%aa"] .icon i,
#home-cats a[href*="العقارات"] .icon i {
opacity: 0;
}
/* خدمات */
#home-cats a[href*="%d8%ae%d8%af%d9%85%d8%a7%d8%aa"] .icon,
#home-cats a[href*="خدمات"] .icon {
background-image: url("https://souqalkabeer.com/oc-content/themes/sigma/images/cats/khadamat.png");
}
#home-cats a[href*="%d8%ae%d8%af%d9%85%d8%a7%d8%aa"] .icon i,
#home-cats a[href*="خدمات"] .icon i {
opacity: 0;
}
/* الوظائف */
#home-cats a[href*="%d8%a7%d9%84%d9%88%d8%b8%d8%a7%d8%a6%d9%81"] .icon,
#home-cats a[href*="الوظائف"] .icon {
background-image: url("https://souqalkabeer.com/oc-content/themes/sigma/images/cats/wazaef.png");
}
#home-cats a[href*="%d8%a7%d9%84%d9%88%d8%b8%d8%a7%d8%a6%d9%81"] .icon i,
#home-cats a[href*="الوظائف"] .icon i {
opacity: 0;
}
/* إذا الصورة غير موجودة يرجع الأيقونة تظهر */
#home-cats a .icon i {
position: absolute;
inset: 0;
display: flex !important;
align-items: center;
justify-content: center;
font-size: 32px !important;
color: #e74c3c !important;
z-index: 1;
opacity: 1;
transition: opacity 0.2s;
}
/* عند نجاح تحميل الخلفية نخفي الأيقونة عبر class يُضاف يدوياً أو نترك opacity */
/* طريقة أفضل: استخدم صور PNG شفافة أو JPG مربعة 200x200 */
/* دعم ![]()
داخل .icon إن عدّلت القالب */
#home-cats a .icon img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
position: relative;
z-index: 2;
border-radius: 14px;
}
#home-cats a .icon:has(img) i {
display: none !important;
}
/* حجم أكبر على الكمبيوتر */
@media screen and (min-width: 769px) {
#home-cats a .icon {
width: 80px !important;
height: 80px !important;
}
}
/* =========================================================
التصنيفات: صورة + الاسم معاً في البطاقة
========================================================= */
#home-cats a {
display: flex !important;
flex-direction: column;
align-items: center;
justify-content: flex-start;
gap: 10px;
padding: 14px 10px 16px !important;
}
/* مربع الصورة */
#home-cats a .icon {
width: 100% !important;
max-width: 100px;
height: 90px !important;
margin: 0 auto !important;
border-radius: 12px;
overflow: hidden;
background-color: #fdf2f2;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
display: flex !important;
align-items: center;
justify-content: center;
position: relative;
}
/* الأيقونة الافتراضية (تظهر لو ما في صورة) */
#home-cats a .icon i {
font-size: 36px !important;
color: #e74c3c !important;
opacity: 1 !important;
position: static !important;
display: block !important;
}
/* الاسم تحت الصورة مباشرة */
#home-cats a strong {
display: block !important;
width: 100%;
text-align: center;
font-size: 14px !important;
font-weight: 700 !important;
color: #2c3e50 !important;
line-height: 1.35 !important;
margin: 0 !important;
padding: 0 4px;
}
/* صور مخصصة — ارفعها هنا:
oc-content/themes/sigma/images/cats/
maadat.png | sayarat.png | aqarat.png | khadamat.png | wazaef.png
*/
#home-cats a[href*="%d9%85%d8%b9%d8%af%d8%a7%d8%aa"] .icon {
background-image: url("https://souqalkabeer.com/oc-content/themes/sigma/images/cats/maadat.png");
}
#home-cats a[href*="%d9%85%d8%b1%d9%83%d8%a8%d8%a7%d8%aa"] .icon {
background-image: url("https://souqalkabeer.com/oc-content/themes/sigma/images/cats/sayarat.png");
}
#home-cats a[href*="%d8%a7%d9%84%d8%b9%d9%82%d8%a7%d8%b1%d8%a7%d8%aa"] .icon {
background-image: url("https://souqalkabeer.com/oc-content/themes/sigma/images/cats/aqarat.png");
}
#home-cats a[href*="%d8%ae%d8%af%d9%85%d8%a7%d8%aa"] .icon {
background-image: url("https://souqalkabeer.com/oc-content/themes/sigma/images/cats/khadamat.png");
}
#home-cats a[href*="%d8%a7%d9%84%d9%88%d8%b8%d8%a7%d8%a6%d9%81"] .icon {
background-image: url("https://souqalkabeer.com/oc-content/themes/sigma/images/cats/wazaef.png");
}
/* لو حطيت ![]()
داخل .icon في القالب */
#home-cats a .icon img {
width: 100%;
height: 100%;
object-fit: contain;
display: block;
border-radius: 10px;
}
#home-cats a .icon:has(img) i {
display: none !important;
}
@media screen and (max-width: 768px) {
#home-cats a .icon {
max-width: 100%;
height: 100px !important;
}
#home-cats a strong {
font-size: 13px !important;
}
}
/* =========================================================
تكبير صور التصنيفات + إخفاء الأيقونات فوقها
========================================================= */
/* إخفاء أيقونات Font Awesome فوق الصور */
#home-cats a .icon i,
#home-cats a .icon i.fas,
#home-cats a .icon i.fa,
body.home #home-cats a .icon i {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
font-size: 0 !important;
width: 0 !important;
height: 0 !important;
}
/* تكبير مربع الصورة */
#home-cats a .icon {
width: 100% !important;
max-width: 100% !important;
height: 140px !important;
min-height: 140px !important;
margin: 0 0 10px 0 !important;
border-radius: 12px !important;
background-size: cover !important;
background-position: center center !important;
background-repeat: no-repeat !important;
background-color: #f5f5f5;
}
/* البطاقة نفسها */
#home-cats a {
padding: 10px 10px 14px !important;
min-height: auto !important;
height: auto !important;
}
#home-cats a strong {
font-size: 14px !important;
margin-top: 4px !important;
}
/* الجوال: صور أكبر */
@media screen and (max-width: 768px) {
#home-cats a {
width: calc(50% - 6px) !important;
padding: 8px 8px 12px !important;
}
#home-cats a .icon {
height: 130px !important;
min-height: 130px !important;
border-radius: 10px !important;
}
#home-cats a strong {
font-size: 13px !important;
}
}
/* الكمبيوتر */
@media screen and (min-width: 769px) {
#home-cats a .icon {
height: 150px !important;
min-height: 150px !important;
}
}
/* =========================================================
المرحلة 1 — إصلاح نهائي لشبكة التصنيفات
========================================================= */
body.home #home-cats,
#home-cats {
width: 100% !important;
max-width: 1100px !important;
margin: 0 auto 30px !important;
padding: 16px 12px 24px !important;
background: transparent !important;
float: none !important;
clear: both !important;
box-sizing: border-box !important;
}
#home-cats h2 {
width: 100% !important;
margin: 0 0 16px 0 !important;
padding: 0 4px 0 0 !important;
font-size: 20px !important;
line-height: 1.4 !important;
font-weight: 700 !important;
color: #2c3e50 !important;
border-right: 4px solid #e74c3c !important;
border-bottom: none !important;
text-align: right !important;
float: none !important;
}
/* الشبكة */
#home-cats .wrap {
display: grid !important;
grid-template-columns: repeat(2, 1fr) !important;
gap: 12px !important;
width: 100% !important;
float: none !important;
margin: 0 !important;
padding: 0 !important;
}
/* البطاقة */
#home-cats a {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: flex-start !important;
width: 100% !important;
max-width: 100% !important;
height: auto !important;
min-height: 0 !important;
margin: 0 !important;
padding: 10px !important;
float: none !important;
background: #fff !important;
border: 1px solid #ebebeb !important;
border-radius: 14px !important;
box-shadow: 0 2px 10px rgba(0,0,0,0.05) !important;
text-decoration: none !important;
text-align: center !important;
box-sizing: border-box !important;
overflow: hidden !important;
transition: transform 0.15s ease, box-shadow 0.15s ease !important;
}
#home-cats a:hover {
border-color: #e74c3c !important;
box-shadow: 0 6px 18px rgba(231,76,60,0.12) !important;
transform: translateY(-2px) !important;
}
/* الصورة */
#home-cats a .icon {
display: block !important;
width: 100% !important;
max-width: 100% !important;
height: 0 !important;
padding-bottom: 75% !important; /* نسبة عرض/ارتفاع ثابتة */
margin: 0 0 10px 0 !important;
border-radius: 10px !important;
overflow: hidden !important;
position: relative !important;
background-color: #f3f3f3 !important;
background-size: cover !important;
background-position: center center !important;
background-repeat: no-repeat !important;
}
/* صور التصنيفات */
#home-cats a[href*="%d9%85%d8%b9%d8%af%d8%a7%d8%aa"] .icon,
#home-cats a[href*="معدات"] .icon {
background-image: url("https://souqalkabeer.com/oc-content/themes/sigma/images/cats/maadat.png") !important;
}
#home-cats a[href*="%d9%85%d8%b1%d9%83%d8%a8%d8%a7%d8%aa"] .icon,
#home-cats a[href*="مركبات"] .icon {
background-image: url("https://souqalkabeer.com/oc-content/themes/sigma/images/cats/sayarat.png") !important;
}
#home-cats a[href*="%d8%a7%d9%84%d8%b9%d9%82%d8%a7%d8%b1%d8%a7%d8%aa"] .icon,
#home-cats a[href*="العقارات"] .icon {
background-image: url("https://souqalkabeer.com/oc-content/themes/sigma/images/cats/aqarat.png") !important;
}
#home-cats a[href*="%d8%ae%d8%af%d9%85%d8%a7%d8%aa"] .icon,
#home-cats a[href*="خدمات"] .icon {
background-image: url("https://souqalkabeer.com/oc-content/themes/sigma/images/cats/khadamat.png") !important;
}
#home-cats a[href*="%d8%a7%d9%84%d9%88%d8%b8%d8%a7%d8%a6%d9%81"] .icon,
#home-cats a[href*="الوظائف"] .icon {
background-image: url("https://souqalkabeer.com/oc-content/themes/sigma/images/cats/wazaef.png") !important;
}
#home-cats a[href*="%d8%b5%d9%8a%d8%af%d9%84%d9%8a%d8%a7%d8%aa"] .icon,
#home-cats a[href*="صيدليات"] .icon {
background-image: url("https://souqalkabeer.com/oc-content/themes/sigma/images/cats/saydlayat.png") !important;
}
#home-cats a[href*="%d8%a7%d9%8a%d8%ac%d8%a7%d8%b1-%d8%b3%d9%8a%d8%a7%d8%b1%d8%a7%d8%aa"] .icon,
#home-cats a[href*="ايجار سيارات"] .icon {
background-image: url("https://souqalkabeer.com/oc-content/themes/sigma/images/cats/eijar syarat.png") !important;
}
#home-cats a[href*="%d9%85%d8%ad%d9%84%d8%a7%d8%aa-%d8%a7%d9%8a%d8%ac%d8%a7%d8%b1"] .icon,
#home-cats a[href*="محلات ايجار"] .icon {
background-image: url("https://souqalkabeer.com/oc-content/themes/sigma/images/cats/mhlat aijr.png") !important;
}
#home-cats a[href*="%d8%a7%d8%b9%d9%85%d8%a7%d9%84-%d9%8a%d8%af%d9%88%d9%8a%d9%87"] .icon,
#home-cats a[href*="اعمال يدويه"] .icon {
background-image: url("https://souqalkabeer.com/oc-content/themes/sigma/images/cats/amal yadwih.png") !important;
}
#home-cats a[href*="%d8%b3%d8%a7%d8%b9%d8%a7%d8%aa"] .icon,
#home-cats a[href*="ساعات ومجوهرات"] .icon {
background-image: url("https://souqalkabeer.com/oc-content/themes/sigma/images/cats/saat.png") !important;
}
#home-cats a[href*="%d8%a7%d9%84%d8%b3%d9%84%d8%b9-%d8%a7%d9%84%d8%b1%d9%8a%d8%a7%d8%b6%d9%8a%d9%87"] .icon,
#home-cats a[href*=" السلع الرياضيه"] .icon {
background-image: url("https://souqalkabeer.com/oc-content/themes/sigma/images/cats/asila ariydah.png") !important;
}
/* إخفاء أيقونات FA تماماً */
#home-cats a .icon i,
#home-cats a .icon i.fas,
#home-cats a .icon i.fa {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
font-size: 0 !important;
}
/* الاسم تحت الصورة — سطر واحد أو سطرين بدون تقطيع عمودي */
#home-cats a strong {
display: block !important;
width: 100% !important;
margin: 0 !important;
padding: 0 4px !important;
font-size: 14px !important;
line-height: 1.35 !important;
font-weight: 700 !important;
color: #2c3e50 !important;
text-align: center !important;
white-space: normal !important;
word-break: normal !important;
overflow-wrap: break-word !important;
max-height: none !important;
writing-mode: horizontal-tb !important;
float: none !important;
}
/* جوال صغير */
@media screen and (max-width: 480px) {
#home-cats .wrap {
grid-template-columns: repeat(2, 1fr) !important;
gap: 10px !important;
}
#home-cats a {
padding: 8px !important;
}
#home-cats a .icon {
padding-bottom: 70% !important;
border-radius: 8px !important;
}
#home-cats a strong {
font-size: 13px !important;
}
}
/* تابلت */
@media screen and (min-width: 481px) and (max-width: 768px) {
#home-cats .wrap {
grid-template-columns: repeat(2, 1fr) !important;
gap: 14px !important;
}
#home-cats a .icon {
padding-bottom: 72% !important;
}
}
/* كمبيوتر: 5 أعمدة */
@media screen and (min-width: 769px) {
#home-cats .wrap {
grid-template-columns: repeat(5, 1fr) !important;
gap: 16px !important;
}
#home-cats a {
padding: 12px !important;
}
#home-cats a .icon {
padding-bottom: 75% !important;
border-radius: 12px !important;
}
#home-cats a strong {
font-size: 15px !important;
}
#home-cats h2 {
font-size: 22px !important;
}
}
/* =========================================================
المرحلة 3 — إصلاح RTL للصفحة العربية
========================================================= */
html, body {
direction: rtl !important;
text-align: right;
}
/* الهيدر */
header .wrapper .box {
direction: rtl;
}
header #logo {
text-align: right;
}
header #logo::after {
right: 0;
left: auto;
text-align: right;
}
/* القائمة وزر النشر */
header .nav {
direction: rtl;
}
/* البحث في الرئيسية */
body.home .home-search,
body.home .home-search .main-search,
.home-search form.search {
direction: rtl;
text-align: right;
}
body.home .home-search h1,
body.home .home-search .hero-desc {
text-align: center;
}
/* حقول البحث تبقى طبيعية للكتابة */
.home-search input,
.home-search select,
.home-search textarea {
direction: rtl;
text-align: right;
}
/* التصنيفات */
#home-cats,
#home-cats h2,
#home-cats a strong {
direction: rtl;
text-align: right;
}
#home-cats a strong {
text-align: center !important;
}
#home-cats h2 {
text-align: right !important;
border-right: 4px solid #e74c3c !important;
border-left: none !important;
padding-right: 10px !important;
padding-left: 0 !important;
}
/* المناطق */
#home-regs,
#home-regs h2 {
direction: rtl;
text-align: right;
}
/* الفوتر */
footer,
footer .box {
direction: rtl;
text-align: right;
}
/* السلايدر — الأزرار في الاتجاه الصحيح للعربية */
.home-slider .slider-btn.prev {
right: 12px !important;
left: auto !important;
}
.home-slider .slider-btn.next {
left: 12px !important;
right: auto !important;
}
/* القوائم والجداول العامة */
ul, ol {
direction: rtl;
}
/* لا نكسر نماذج اللاتينية إن وُجدت */
.form-container-box input[type="email"],
input[type="url"] {
direction: ltr;
text-align: left;
}
/* الجوال */
@media screen and (max-width: 768px) {
html, body {
direction: rtl !important;/* =========================================================
المرحلة 5 — الفوتر + البحث على الجوال
الصق هذا في نهاية style.css
========================================================= */
/* ----- البحث على الجوال ----- */
body.home .home-search {
padding: 10px 12px 16px !important;
}
body.home .home-search .main-search,
.home-search .main-search {
display: flex !important;
flex-wrap: wrap !important;
gap: 10px !important;
align-items: stretch !important;
width: 100% !important;
max-width: 1100px !important;
margin: 0 auto !important;
}
.home-search .main-search .cell {
margin: 0 !important;
padding: 0 !important;
float: none !important;
}
.home-search .main-search label {
display: none !important;
}
.home-search .main-search input.input-text,
.home-search .main-search input[type="text"],
.home-search .main-search select {
width: 100% !important;
height: 48px !important;
border-radius: 10px !important;
border: 1px solid #ddd !important;
padding: 0 14px !important;
font-size: 15px !important;
background: #fff !important;
margin: 0 !important;
box-sizing: border-box !important;
}
.home-search .main-search button,
.home-search .main-search button.btn {
width: 100% !important;
height: 48px !important;
border-radius: 10px !important;
background: #e74c3c !important;
border: none !important;
color: #fff !important;
font-size: 16px !important;
font-weight: 700 !important;
margin: 0 !important;
float: none !important;
padding: 0 16px !important;
}
.home-search .main-search button:hover {
background: #c0392b !important;
}
/* جوال: عمود كامل */
@media screen and (max-width: 768px) {
.home-search .main-search {
flex-direction: column !important;
gap: 10px !important;
}
.home-search .main-search .cell,
.home-search .main-search .c1,
.home-search .main-search .c2,
.home-search .main-search .c3 {
width: 100% !important;
max-width: 100% !important;
flex: 1 1 100% !important;
}
.home-search .main-search input,
.home-search .main-search select,
.home-search .main-search button {
height: 50px !important;
font-size: 16px !important;
}
body.home .home-search p.hero-desc {
font-size: 14px !important;
line-height: 1.7 !important;
margin: 6px 0 14px !important;
padding: 0 4px;
}
}
/* كمبيوتر: صف واحد */
@media screen and (min-width: 769px) {
.home-search .main-search {
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: center !important;
gap: 10px !important;
}
.home-search .main-search .c1 {
flex: 1 1 auto !important;
}
.home-search .main-search .c2 {
flex: 0 0 200px !important;
width: 200px !important;
}
.home-search .main-search .c3 {
flex: 0 0 auto !important;
width: auto !important;
}
.home-search .main-search button {
width: auto !important;
min-width: 130px !important;
padding: 0 22px !important;
}
}
/* ----- الفوتر ----- */
footer {
background: #2c3e50 !important;
color: #ecf0f1 !important;
padding: 28px 15px 20px !important;
margin-top: 30px !important;
float: left;
width: 100%;
clear: both;
direction: rtl !important;
text-align: right !important;
}
footer .wrapper,
footer .box {
max-width: 1100px !important;
margin: 0 auto !important;
width: 100% !important;
}
footer .box {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
justify-content: space-between !important;
gap: 12px !important;
}
footer a {
color: #ecf0f1 !important;
font-size: 14px !important;
font-weight: 600 !important;
text-decoration: none !important;
padding: 6px 10px !important;
border-radius: 6px !important;
transition: 0.15s !important;
}
footer a:hover {
color: #e74c3c !important;
background: rgba(255,255,255,0.06) !important;
text-decoration: none !important;
}
footer .language {
width: 100% !important;
margin-top: 12px !important;
padding-top: 12px !important;
border-top: 1px solid rgba(255,255,255,0.12) !important;
text-align: center !important;
}
footer .language a {
display: inline-block !important;
margin: 0 4px !important;
font-size: 13px !important;
color: #bdc3c7 !important;
}
footer .language a.active {
color: #e74c3c !important;
font-weight: 700 !important;
}
/* ويدجت الفوتر (الإيميل) */
.widget[data-location="footer"],
body > .widget {
background: #243442 !important;
color: #ecf0f1 !important;
padding: 14px 15px !important;
margin: 0 !important;
text-align: center !important;
font-size: 14px !important;
line-height: 1.7 !important;
float: left;
width: 100%;
clear: both;
}
.widget[data-location="footer"] a,
body > .widget a {
color: #e74c3c !important;
}
@media screen and (max-width: 768px) {
footer {
padding: 22px 12px 16px !important;
text-align: center !important;
}
footer .box {
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
}
footer a {
display: inline-block !important;
padding: 8px 12px !important;
}
}
}
header #logo::after {
right: 50%;
left: auto;
transform: translateX(50%);
text-align: center;
}
}
/* للبيع + دروس */
#home-cats a[href*="%d9%84%d9%84%d8%a8%d9%8a%d8%b9"] .icon,
#home-cats a[href*="للبيع"] .icon {
background-image: url("https://souqalkabeer.com/oc-content/themes/sigma/images/cats/baye.png") !important;
background-size: cover !important;
background-position: center !important;
}
#home-cats a[href*="%d9%84%d9%84%d8%a8%d9%8a%d8%b9"] .icon i,
#home-cats a[href*="للبيع"] .icon i {
display: none !important;
}
#home-cats a[href*="%d8%af%d8%b1%d9%88%d8%b3"] .icon,
#home-cats a[href*="دروس"] .icon {
background-image: url("https://souqalkabeer.com/oc-content/themes/sigma/images/cats/doros.png") !important;
background-size: cover !important;
background-position: center !important;
}
#home-cats a[href*="%d8%af%d8%b1%d9%88%d8%b3"] .icon i,
#home-cats a[href*="دروس"] .icon i {
display: none !important;
}
/* ===== فنادق ===== */
#home-cats a[href*="%d9%81%d9%86%d8%a7%d8%af%d9%82"] .icon,
#home-cats a[href*="فنادق"] .icon {
background-image: url("https://souqalkabeer.com/oc-content/themes/sigma/images/cats/fanadq.png") !important;
background-size: cover !important;
background-position: center !important;
}
#home-cats a[href*="%d9%84%d9%84%d8%a8%d9%8a%d8%b9"] .icon i,
#home-cats a[href*="فنادق"] .icon i {
display: none !important;
opacity: 0 !important;
}
/* ترتيب وتنسيق معلومات المعلن في نشر الإعلان */
body.item-post .seller_info,
body.item .seller_info {
display: block !important;
width: 100% !important;
clear: both !important;
margin: 20px 0 !important;
padding: 16px !important;
background: #fafafa !important;
border: 1px solid #eee !important;
border-radius: 12px !important;
direction: rtl !important;
}
/* ===== مطاعم ===== */
#home-cats a[href*="%d9%85%d8%b7%d8%a7%d8%b9%d9%85"] .icon,
#home-cats a[href*="مطاعم"] .icon {
background-image: url("https://souqalkabeer.com/oc-content/themes/sigma/images/cats/muteam.png") !important;
background-size: cover !important;
background-position: center !important;
}
#home-cats a[href*="%d9%85%d8%b7%d8%a7%d8%b9%d9%85"] .icon i,
#home-cats a[href*="مطاعم"] .icon i {
display: none !important;
opacity: 0 !important;
}
body.item-post .seller_info h2 {
margin: 0 0 16px 0 !important;
font-size: 18px !important;
color: #2c3e50 !important;
border-right: 4px solid #e74c3c !important;
padding-right: 10px !important;
}
body.item-post .seller_info .control-group {
display: block !important;
width: 100% !important;
float: none !important;
clear: both !important;
margin: 0 0 14px 0 !important;
padding: 0 !important;
}
body.item-post .seller_info .control-label {
display: block !important;
float: none !important;
width: 100% !important;
text-align: right !important;
margin: 0 0 6px 0 !important;
font-weight: 700 !important;
color: #2c3e50 !important;
}
body.item-post .seller_info .controls {
display: block !important;
float: none !important;
width: 100% !important;
margin: 0 !important;
}
body.item-post .seller_info input[type="text"],
body.item-post .seller_info input[type="email"],
body.item-post .seller_info input[type="tel"] {
width: 100% !important;
max-width: 100% !important;
height: 46px !important;
border-radius: 8px !important;
border: 1px solid #ddd !important;
padding: 0 12px !important;
box-sizing: border-box !important;
direction: rtl !important;
text-align: right !important;
}
body.item-post .seller_info input:focus {
border-color: #e74c3c !important;
}
/* ===== محامي ===== */
#home-cats a[href*="%d9%85%d8%ad%d8%a7%d9%85%d9%8a%d9%86"] .icon,
#home-cats a[href*="محامي"] .icon {
background-image: url("https://souqalkabeer.com/oc-content/themes/sigma/images/cats/mohami.png") !important;
background-size: cover !important;
background-position: center !important;
}
#home-cats a[href*="%d9%85%d8%ad%d8%a7%d9%85%d9%8a%d9%86 "] .icon i,
#home-cats a[href*="محامي"] .icon i {
display: none !important;
opacity: 0 !important;
}
/* زر أضف إعلان مجاني — عائم أحمر بجانب اللوجو */
.header-add-btn {
display: none;
background: #e74c3c !important;
color: #ffffff !important;
font-size: 11px !important;
font-weight: bold !important;
padding: 7px 10px !important;
border-radius: 20px !important;
white-space: nowrap !important;
text-decoration: none !important;
line-height: 1.2 !important;
box-shadow: 0 3px 10px rgba(231, 76, 60, 0.45) !important;
border: none !important;
}
.header-add-btn:hover,
.header-add-btn:focus {
background: #c0392b !important;
color: #ffffff !important;
}
@media (max-width: 767px) {
header .box {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 8px !important;
flex-wrap: nowrap !important;
position: relative !important;
}
#logo {
flex: 0 1 auto !important;
max-width: 45% !important;
}
#logo img {
max-height: 42px !important;
width: auto !important;
}
.header-add-btn {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
flex: 0 0 auto !important;
}
.menu-icon {
margin-right: auto !important; /* يدفع القائمة للطرف في RTL */
flex: 0 0 auto !important;
}
}
@media (min-width: 768px) {
.header-add-btn {
display: none !important;
}
}
/* شارة مميز فوق صورة الإعلان */
.listing-card.premium {
position: relative;
}
.listing-card.premium .listing-thumb {
position: relative;
display: block;
}
.listing-card.premium .listing-thumb::before {
content: "مميز";
position: absolute;
top: 8px;
right: 8px;
z-index: 5;
background: #e74c3c;
color: #fff;
font-size: 12px;
font-weight: 700;
padding: 4px 10px;
border-radius: 4px;
line-height: 1.2;
box-shadow: 0 2px 6px rgba(0,0,0,.2);
pointer-events: none;
}
.seller-box {
background: #fff;
border: 1px solid #eee;
border-radius: 12px;
padding: 16px;
margin-bottom: 16px;
text-align: center;
direction: rtl;
}
.seller-box .seller-name {
display: block;
font-size: 18px;
margin-bottom: 12px;
color: #222;
}
.seller-box .btn-whatsapp {
display: inline-block;
background: #25D366;
color: #fff !important;
padding: 10px 18px;
border-radius: 8px;
text-decoration: none;
font-weight: 700;
margin: 4px;
}
.seller-box .btn-call {
display: inline-block;
background: #fff;
color: #c0392b !important;
border: 1px solid #c0392b;
padding: 10px 18px;
border-radius: 8px;
text-decoration: none;
font-weight: 700;
margin: 4px;
}
.show-contact-btn,
#contact,
.contact_button a[href="#contact-in"] {
display: none !important;
}
/* إظهار اختيار التصنيف في البحث على الجوال */
@media (max-width: 768px) {
.home-search .main-search {
display: flex !important;
flex-direction: column !important;
gap: 10px !important;
}
.home-search .main-search .cell {
display: block !important;
width: 100% !important;
max-width: 100% !important;
float: none !important;
}
.home-search .main-search .cell.c2 {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
height: auto !important;
overflow: visible !important;
}
.home-search .main-search .cell.c2 select,
.home-search .main-search #sCategory {
display: block !important;
width: 100% !important;
min-height: 44px;
font-size: 16px; /* يمنع تكبير آيفون المزعج */
}
.home-search .main-search .cell.c3 button {
width: 100% !important;
}
}
}
/* نفس لون زر أضف إعلان مجاني تقريباً */
.header-add-btn,
a.header-add-btn {
/* مرجع اللون — لا حاجة لتغيير الزر */
}
.home-search h1,
.logo-text,
.site-title-under-logo {
color: #e74c3c !important; /* إن كان الزر أحمر أوضح */
}