* {box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
html {scroll-behavior:smooth;}
/*body {font-family: 'Rubik', 'Trebuchet MS', Helvetica, sans-serif;font-weight:400;font-size:15px;color:#222222;line-height:1.9em;width:100%;padding:0px;margin:0px;background-color:#f7f7f7;}*/
body {font-family: 'Trebuchet MS', 'Tahoma', 'Verdana';font-weight:400;font-size:15px;color:#222222;line-height:1.9em;width:100%;padding:0px;margin:0px;background-color:#f7f7f7;}
pre 
{
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
	font-size:90%;
}

/* Common */
#main {width:1200px;margin:0px auto;background-color:#FFFFFF;}
#wrapper {width:100%;height:auto;float:left;} 
#content {width:100%;float:left;padding:8 4% 30 4%;background-color:#FFFFFF;border:#d4d4d4 1px solid;border-top:0px;} 
#content p {text-align:justify;}
H1 {line-height:1.33em;font-size:30px;margin-bottom:5px;font-weight:300;}
H2,H3,H4,H5,H6 {font-weight:400;}
/*a {color:#3d3d3d;}*/
a {color:#B0000B;}
img {max-width:100%;height:auto;}
#content
{
/* Break Really Long words into multiple lines so that they don't break the css/boxes */	
	  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  
  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

/* Front End */
#header {width:100%;text-align:center;margin:20px 0px 8px 0px;}
/*#header .top-search-link {display:none;float:right;padding-right:10px;font-size:24px;text-decoration:none;color:#FFFFFF;margin-top:15px;}*/
/*.top-search-link {cursor:pointer;display:inline-block;float:right;font-size:24px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}*/
.logo-link {text-decoration:none;}
.logo {float:left;margin:0px 0px 4px 4px;}
.top-nav {z-index:5;width:100%;max-width:1200px;height:40px;background-color:#000000;color:#FFFFFF;float:left;position:relative;}
.top-nav #logo-in-nav {float:left;height:40px;margin:0px;padding:2px 6px 4px 4px;}
.top-nav #logo-in-nav a {padding:0px;margin:0px;}
/*
// No borders 
.top-tabs {display:none;width:100%;max-width:1200px;background-color:#000000;color:#FFFFFF;float:left;position:relative;margin-top:1px;text-align:center;}*/
/*.top-tabs a {display:inline-block;padding:5px 8px 5px 8px;border-left:#FFFFFF 0px solid;border-right:#FFFFFF 0px solid;background-color:#000000;color:#FFFFFF;text-decoration:none;font-size:19px;}*/
/* Rounded Corners */
.top-tabs {display:none;width:100%;max-width:1200px;color:#FFFFFF;float:left;position:relative;margin-top:4px;text-align:center;}
.top-tabs a {display:inline-block;font-size:18px;text-decoration:none;margin:0px 2px 5px 2px;padding:4px 11px;border-radius:5px;background-color:#000000;color:#FFFFFF;} 
/*
// Full width 33% each 
.top-tabs {display:none;width:100%;max-width:1200px;color:#FFFFFF;float:left;position:relative;margin:1px 0px 1px 0px;text-align:center;background-color:#000000;}
.top-tabs a {display:inline-block;width:33%;text-align:center;font-size:18px;text-decoration:none;padding:4px 11px;background-color:#000000;border-right:#FFFFFF 1px solid;color:#FFFFFF;} 
.top-tabs a:last-of-type {border-right:0px;}
*/
.top-nav .top-tab {float:left;}
.top-nav .top-tab a {padding-left:10px;padding-right:10px;margin-right:1px;background-color:#000000;color:#FFFFFF;}
/* Search and Favourite Icon Styles */
.search-icon-wrapper, .fav-icon-wrapper {cursor:pointer;display:inline-block;width:33px;height:32px;margin-right:5px;}
#search-icon-header, #fav-icon-header {display:none;float:right;padding:3px 0px 0px 0px;}
#search-icon-nav, #fav-icon-nav, #logo-icon-nav {display:block;float:left;padding:4px 0px 0px 0px;margin-left:3px;}
#logo-icon-nav {display:none;}
#fav-icon-nav a, #logo-icon-nav a, 
#fav-icon-header a
{
	padding:0px;margin:0px;text-decoration:none;
}
/* END - Search and Favourite Icon Styles */
.top-nav #account-links-in-nav {float:left;text-align:center;width:45%;height:40px;margin:0px;padding:0px;}
.top-nav #menus {float:right;position:relative;}
.top-nav #drop-down-menus {float:left;position:relative;}
.top-nav #hamburger-in-nav {float:right;margin-top:3px;padding-left:0px;padding-right:0px;height:32px;position:relative;}
.top-nav .hamburger-button {cursor:pointer;padding:0px;margin:0px;width:33px;height:32px;background-image:url("images/hamburger-main-2021.png");background-repeat:no-repeat;}
.top-nav .hamburger-button-cross {background-position:-33px 0px;}
.top-nav .hamburger-button-lines {background-position:0px 0px;}
.top-nav .hamburger-menu {position:absolute;display:none;top:42px;right:0px;width:300px;height:auto;padding:20px;z-index:5;background-color:rgba(0,0,0,0.9);}
.top-nav .hamburger-menu-inner {width:100%;height:100%;float:left;padding:0px 20px 0px 20px;text-align:center;}
.top-nav .hamburger-menu a {display:block;font-size:18px;border-bottom:#464646 1px solid;}
.top-nav .hamburger-menu a:hover {background-color: #3d3d3d;}
.top-nav #account-links-in-nav a {display:inline-block;margin-right:10px;font-size:15px;color:#FFFFFF;}
.top-nav span {display:inline-block;padding:0px 5px 0px 5px;}
.top-nav a {display:inline-block;text-decoration:none;color:#FFFFFF;font-size:13px;padding:5px 5px 5px 0px;}
/*.top-nav a:first-child {padding-left:5px;}*/
.top-nav span.TML2 {color:#646464;}
.top-tab a {font-size:20px;}

/* Popup Ad CSS */
#popup-container {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2147483647 !important;
    background: rgba(0, 0, 0, 0.85) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 20px !important;
    visibility: visible !important;
    overflow: auto !important;
}

#popup-wrapper {
    position: relative !important;
    background: #fff !important;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.5) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    display: block !important;
    max-width: 100% !important;
    max-height: 100% !important;
    margin: auto !important;
}

/* Desktop: minimum 1024px width, max 100% */
@media (min-width: 768px) {
    #popup-wrapper {
        min-width: 1024px !important;
        width: auto !important;
    }
}

/* Mobile: 100% width */
@media (max-width: 767px) {
    #popup-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        border-radius: 0 !important;
    }
    
    #popup-container {
        padding: 0 !important;
    }
}

#popup_link {
    display: block !important;
    text-decoration: none !important;
    line-height: 0 !important;
}

#popup_link img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
}

#popup-close {
    cursor: pointer !important;
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    width: 40px !important;
    height: 40px !important;
    background-color: rgba(0, 0, 0, 0.7) !important;
    border-radius: 50% !important;
    text-decoration: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: transform 0.2s ease, background-color 0.2s ease !important;
    z-index: 10 !important;
}

#popup-close:hover {
    transform: scale(1.1) !important;
    background-color: rgba(0, 0, 0, 0.9) !important;
}

#popup-close:before,
#popup-close:after {
    content: '' !important;
    position: absolute !important;
    width: 24px !important;
    height: 3px !important;
    background-color: #ffffff !important;
    transform-origin: center !important;
}

#popup-close:before {
    transform: rotate(45deg) !important;
}

#popup-close:after {
    transform: rotate(-45deg) !important;
}

/* Legacy support - keep these for backwards compatibility but make them inactive */
#popup-container.open {
    /* Deprecated - kept for compatibility */
}

#popup {
    /* Deprecated - use #popup-wrapper instead */
}

#popup-container.open #popup {
    /* Deprecated - kept for compatibility */
}

#popup-inner {
    /* Deprecated - kept for compatibility */
}




/* Start - Home Accordion - List Countries and Cities */
/* Style the buttons that are used to open and close the accordion panel */
.hcn-country {
	display: inline-block;
	max-width: 250px;
	line-height:32px;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space:nowrap;
}
.hcn-accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  font-size: 25px;
  padding: 15px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.hcn-active, .hcn-accordion:hover {
  background-color: #ccc;
}

.hcn-accordion:after {
  /*content: "\02795";*/ /* Unicode character for "plus" sign (+) */
  content: "\02795"; 
  font-size: 20px;
  color: #777;
  float: right;
  margin-left: 5px;
}

.hcn-active:after {
  /*content: "\2796";*/ /* Unicode character for "minus" sign (-) */
   content: "\2796"; 
   font-size: 20px;
}

/* Style the accordion panel. Note: hidden by default */
.hcn-panel {
  padding: 0;
  margin: 0px 0px 1px 0px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  list-style-type:none;
}
.hcn-panel li a {
	display: block;
	padding: 10px;
	text-decoration: none;
	border-bottom: #eee 1px solid;
}
.hcn-panel li a:hover {
	background-color: #eee;
}
/* END - Home Accordion - List Countries and Cities */


/* Verify Age Popup */
/*
// changed 28th Nov 20204 
#age_popup-container {display:none;position:fixed;width:0;height:0;top:-9999px;left:-9999px;background-color:rgba(0,0,0,0.8);z-index:9999;overflow:hidden;}
*/
#age_popup-container {display:block;position:fixed;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,0.9);z-index:9999;overflow:hidden;}
#age_popup {position:relative;width:300px;max-width:100%;background-color:rgba(255,255,255,1);left:50%;top:50%;transform:translate(-50%, -50%);}
#age_popup-inner {padding:12px 8px 15px 8px;text-align:center;}
#age_popup-inner p {text-align:center;}
#age_agree_enter_button {display:inline-block;cursor:pointer;background-color:#309d00;color:#FFFFFF;border-radius:8px;border-bottom:2px solid #288200;padding:8px 15px 8px 15px;text-decoration:none;}


/* Inline Links For Tags, Ethnicity etc. */
.round_links {display:inline-block;line-height:1em;background-color:#F5F5F5;color:#696969;border:#d4d4d4 1px solid;text-decoration:none;padding:5px 6px;margin:3px 3px 3px 0px;border-radius:5px;white-space:nowrap;}
.round_links:hover {background-color:#B0000B;border:#B0000B 1px solid;color:#FFFFFF;}
.round_disabled_link {background-color:#696969;border:#696969 1px solid;color:#FFFFFF;}
.horizontal_links_wrapper {display:block;width:100%;}
.filter-links {font-size:16px;white-space:wrap;overflow:auto;margin-bottom:10px;}
/* END - Inline Links For Tags, Ethnicity etc. */

.top-search-link {cursor:pointer;text-decoration:underline;display:inline-block;margin-right:10px;padding:0px;font-size:18px;color:#222222;}

.footer-links {width:100%;float:left;padding:20px 20px 20px 20px;}
.footer-links h3 {margin-bottom:10px;}
.footer-links-inner {width:33.33%;float:left;margin:0px;padding:0px 20px 0px 0px;}
.footer-links-locations-inner {width:20%;float:left;padding:0px 20px 0px 0px;}
.footer-links ul {list-style-type:none;padding:0px 0px 0px 0px;margin-top:0px;}
.footer-links a {display:block;text-decoration:none;padding:15px 0px 15px 0px;font-size:14px;color:#222222;border-bottom:#d4d4d4 1px solid;line-height:1.5em;}
.footer-links a:hover {color:#B0000B;}
/*.footer-links a::before {content:" - ";}*/
.footer-content {font-size:13px;line-height:1.25em;width:100%;text-align:center;float:left;padding:20px 20px 20px 20px;margin-bottom:50px;}
/*#scroll-to-top {display:block;padding-top:20px;margin:0px auto 0px auto;}*/
#scroll-to-top {position:fixed;z-index:2;bottom:20px;right:20px;display:none;}
#scroll-to-top:hover {cursor:pointer;}
/* START - Bottom Corner AD */
#bottom-corner-wrapper {
    display: none; /* Initially hidden */
    position: fixed;
    bottom: 80px;
    right: 5px;
    z-index: 99;
    width: 60px; /* Matches ad size */
    height: 60px; /* Matches ad size */
}
.bottom-corner {
    display: block;
    position: relative; /* Relative to wrapper */
    background: linear-gradient(35deg, rgba(0,219,222,1) 0%, rgba(123,112,238,1) 49%, rgba(252,0,255,1) 100%);
    background-image: url("images/ads/bottom-corner/bottom-corner-ad-feb-2026.jpeg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    padding: 5px; /* Padding inside the circle */
    box-sizing: border-box; /* Includes padding in width/height */
    cursor: pointer;
    color: white; /* If you add text later */
    font-size: 18px; /* If you add text later */
}
.bottom-corner-dot {
    position: absolute;
    bottom: 0px; /* Adjusted relative to wrapper (overlays top-right of ad) */
    left: -4px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #459044;
    z-index: 1; /* Above the ad */
}
.bottom-corner-dot2 {
    position: absolute;
    bottom: 2px; /* Slightly offset from dot1 */
    left: -2px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #71f36f;
    z-index: 1; /* Above the ad */
}
.bottom-corner-close-btn {
    /*display: none;*/ /* Hidden by default, shows on hover */
    position: absolute;
    top: -8px; /* Positioned in top-right, above dots */
    left: -4px;
    width: 18px; /* 50% bigger than original 15px */
    height: 18px; /* 50% bigger than original 15px */
    border-radius: 50%;
    border: 1px solid #000000; /* Black border */
    background-color: #ffffff; /* White circle */
    color: #000000; /* Black cross */
    text-align: center;
    line-height: 16px; /* Centers the × vertically (scaled) */
    font-size: 18px; /* Scaled for larger size */
    font-weight: bold;
    cursor: pointer;
    z-index: 2; /* Above everything else */
    opacity: 1;
    transition: opacity 0.2s ease, transform 0.2s ease; /* Smooth hover effect */
}
#bottom-corner-wrapper:hover .bottom-corner-close-btn {
    display: block; /* Show on hover over the wrapper/ad */
}
.bottom-corner-close-btn:hover {
    transform: scale(1.1); /* Slight enlarge on hover */
}
/* END - Bottom Corner AD */
.page-numbers {display:block;width:100%;float:left;text-align:center;margin-bottom:8px;}
.page-numbers a,.page_inactive,.pages_sep {text-decoration:none;font-size:20px;display:inline-block;background-color:#B0000B;color:#FFFFFF;padding:8px 16px;line-height:1em;margin:0px 5px 5px 0px;}
.page-numbers .page_inactive {background-color:#222222;}
.page-numbers .pages_sep {background-color:#FFFFFF;color:#000000;padding:8px 0px;}
.page-numbers-all {display:block;width:100%;float:left;text-align:center;margin-bottom:8px;}
.page-numbers-all::-webkit-scrollbar {display: none;} /* Hide scrollbar for IE, Edge and Firefox */
.page-numbers-all { -ms-overflow-style: none;  /* Hide scrollbar IE and Edge */ scrollbar-width: none;  /* Hide scrollbar Firefox */}
.page-numbers-all a, .page-numbers-all .page_inactive {text-decoration:none;font-size:14px;line-height:1em;display:inline-block;background-color:#B0000B;color:#FFFFFF;padding:8px 16px;margin:0px 2px 5px 0px;}
.page-numbers-all .page_inactive {background-color:#222222;}
.top-breadcrumbs {width:100%;margin:0px 0px 5px 0px;line-height:3em;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.top-breadcrumbs a {display:inline-block;padding-right:5px;}
.breadcrumbs {width:100%;margin-top:20px;margin-bottom:8px;}
.breadcrumbs a {display:inline-block;padding-right:5px;}
ul.categories-list {}
ul.sub-categories-list {list-style-type:disc;padding-left:30px;}
.errors {border:#3d3d3d 1px solid;color:#3d3d3d;padding:8px 15px 8px 15px;}
.blue-box {display:block;border:#044a81 1px solid;color:#0162ad;padding:8px 15px 8px 15px;margin:0px 20px 20px 0px;}
.bottom-links-container {margin:10px 1% 0px 0px;width:24%;float:left;}
.bottom-links-container h3 {margin:0px 0px 0px 0px;}
.bottom-links-container ul, .bottom-links-container ol {margin:10px 0px 0px 0px;padding-left:25px;}
.bottom-links-container .menu_item a {text-decoration:none;border-bottom:#d4d4d4 1px solid;}
.bottom-links-container .menu_item a:hover {text-decoration:none;border-bottom:#222222 1px solid;}
.bottom-links-container .menu_item span.BLP2 {color:#222222;}

/* 
Browse.php CSS 
###########################
*/
.browse-categories {width:100%;display:block;text-transform:uppercase;letter-spacing:0.1em;}
.browse-categories > div {width:100%;padding:20px;border:#000000 1px solid;margin-bottom:30px;}
.browse-categories > H2 {display:block;width:100%;padding:20px;margin:0px;border:#000000 1px solid;border-bottom:none;text-align:center;}
.browse-categories > div > span {display:inline-block;width:50%;line-height:1.5em;margin:15px 0px 15px 0px;}
.browse-categories > div > span > a {text-decoration:none;}
.browse-categories > div > span > a > span {color:#000000;hyphens:none;}
@media screen and (min-width:100px) and (max-width:600px) {
	.browse-categories > div {padding:10px;}
	.browse-categories {font-size:14px;}
}
@media screen and (min-width:100px) and (max-width:1200px) {
	.browse-categories > div > span {width:100%;}
}

/* Browse Pages CSS */
.browse_suburb_item {font-size:14px;display:inline-block;width:180px;}
.browse_mobile_item {font-size:14px;display:inline-block;width:180px;}
.browse_service_item {font-size:14px;display:inline-block;width:200px;}
.accordion a {line-height:2em;color:#3d3d3d;}

/* City Drop Down Location Autocomplete */
#dd-location-wrapper {width:100%;padding:15px 0px 5px 0px;}
#dd-location-fake-input-wrapper {width:100%;padding:0px 20px 0px 20px;margin:0px;}
#dd-location-fake-input {width:100%;background:#FFFFFF;border:#bcbcbc 1px solid;padding:5px;float:left;}
#dd-location {width:90%;padding:0px;border:0px;outline:0;float:left;line-height:1em;}
#dd-location-clear {width:10%;padding:0px;margin:2px 0px 0px 0px;float:left;line-height:1em;display:none;}
#dd-location-clear:hover {cursor:pointer;}
#dd-location-list {float:left;list-style:none;margin:0px;padding:0px 0px 20px 0px;width:100%;}
#dd-location-list li {padding-left:20px;padding-right:20px;}
.dd-suggestion-heading {padding-left:10px !important;padding-right:10px !important;margin-left:20px;margin-right:20px;cursor:auto;background: #3f3f3f;}

/* Filter Drop Down Filter Autocomplete */
#dd-filter-wrapper {width:100%;padding:15px 0px 5px 0px;}
#dd-filter-fake-input-wrapper {width:100%;padding:0px 20px 0px 20px;margin:0px;}
#dd-filter-fake-input {width:100%;background:#FFFFFF;border:#bcbcbc 1px solid;padding:5px;float:left;}
#dd-filter {width:90%;padding:0px;border:0px;outline:0;float:left;line-height:1em;}
#dd-filter-clear {width:10%;padding:0px;margin:2px 0px 0px 0px;float:left;line-height:1em;display:none;}
#dd-filter-clear:hover {cursor:pointer;}
#dd-filter-list {float:left;list-style:none;margin:0px;padding:0px 0px 20px 0px;width:100%;}
#dd-filter-list li {padding-left:20px;padding-right:20px;}
.dd-suggestion-heading {padding-left:10px !important;padding-right:10px !important;margin-left:20px;margin-right:20px;cursor:auto;background: #3f3f3f;}
.filter-menu-popular {padding:10px 20px 0px 20px;}
.filter-menu-popular a.filter-popular-link {padding:0px !important;margin:0px !important;display:inline !important;}

/* 
##################################
Search Form - Frontend 
##################################
*/
#search_listings {width:100%;margin:0px 0px 20px 0px;}
#search_listings li a span {/*color:#3d3d3d;*/display:block;margin-top:8px;font-size:12px;}
#sf_city_name_label {font-weight:bold;}
#sf_city_change {cursor:pointer;color:#B0000B;text-decoration:underline;}
#location-suggestion-box, #keyword-suggestion-box {
	position:absolute;z-index:2;width:96%;
	-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.25);
	}
/* Autocomplete CSS */
#keyword-list, #location-list {float:left;list-style:none;margin:0px 0px 0px 0px;padding:0px;width:100%;}
#keyword-list li a, #location-list li {font-size:17px;text-decoration:none;display:block;line-height:1.25em;padding:9px 6px 9px 6px;margin:0px;background: #ffffff; border-bottom: #bbb9b9 1px solid;}
#keyword-list li a:hover, #location-list li:hover {background:#f0f0f0;cursor: pointer;}
#keyword-list li.suggestion-heading, #location-list li.suggestion-heading 
{cursor:auto;background: #d4d4d4;padding:2px 6px 2px 6px;}
#location-list li.suggestion-all {background:#212121;color:#FFFFFF;}
#keyword-list li a {color:#222222;}

.keyword-wrapper, .location-wrapper {float:left;width:42%;max-width:300px;padding-right:1%;position:relative;}
.location-wrapper {display:none;}
#search_listings input[type="text"], .sf_clear-input, #search_listings button {font-size:20px;line-height:20px;}
.search-button-wrapper {float:left;width:12%;}
.sf_fake-input-wrapper {width:100%;padding:0px 0px 0px 0px;margin:0px;}
.sf_fake-input {width:100%;background:#FFFFFF;border:#bcbcbc 1px solid;padding:8px;float:left;}
.sf_fake-input:focus-within {border:#212121 2px solid;}
.sf_clear-input {width:10%;padding:0px;margin:2px 0px 0px 0px;float:left;text-align:right;display:none;}
.sf_clear-input:hover {cursor:pointer;}
#search_listings input[type="text"] {width:90% !important;padding:0px;border:0px;outline:0;float:left;}
#search_listings button {background-color:#212121;background-image:url("images/search-icon-for-form.jpg");background-repeat:no-repeat;background-position:center center;padding:7px;width:40px;height:40px;color:#FFFFFF;border:#212121 1px solid;cursor:pointer;}
/* 
##################################
END - Search Form - Frontend 
##################################
*/

/* Cat.php and Single.php Related Listings Styles */
.small-listing-main {display:inline-block;width:320px;height:415px;color:#222222;border:#cecece 0px solid;position:relative;} 
.small-listing-image-wrapper {width:100%;height:360px;background-image:url("images/LoaderIcon.gif");background-repeat:no-repeat;background-position:50% 50%;}
.small-listing-wrapper {display:block;text-decoration:none;}
.photos-verified-badge {position:absolute;top:0;left:0;margin:0;opacity:0.9;background-color:#212121;color:#FFFFFF;font-size:13px;line-height:1em;padding:5px 3px 3px 3px;}
.photos-verified-badge-single {position:absolute;top:0;left:0;margin:0;opacity:0.9;background-color:#212121;color:#FFFFFF;font-size:16px;line-height:1em;padding:5px 3px 3px 3px;}
.small-listing-details {
width:100%;
height:55px;
background-color:#FFFFFF;opacity:1;color:#222222;
padding:0px 6px;
border-top:#cecece 0px solid;
-webkit-box-shadow: 0px -14px 16px -20px rgba(0,0,0,1);
-moz-box-shadow: 0px -14px 16px -20px rgba(0,0,0,1);
box-shadow: 0px -14px 16px -20px rgba(0,0,0,1);
}
.small-listing-details-sponsored {background-color:#000000;background-image:url("images/sponsored-banner.png");background-repeat:no-repeat;background-position:50% 50%;cursor:pointer;}
.small-listing-image {width:100%;height:100%;object-fit:cover;}
.small-listing-title {display:block;float:left;width:100%;text-align:center;margin-top:8px;color:#222222;font-weight:bold;font-size:15px;line-height:15px;height:15px;overflow:hidden;white-space:nowrap;} /* make max-height = num_lines*line-height + padding - show 1 line */
.small-listing-line {display:block;float:left;width:100%;text-align:center;margin-top:8px;color:#222222;font-size:14px;line-height:14px;height:18px;overflow:hidden;white-space:nowrap;}
.small-listing-short_desc {display:block;float:left;width:100%;margin-bottom:6px;color:#696969;font-size:12px;line-height:16px;overflow:hidden;height:64px;} /* make max-height = num_lines*line-height +  padding - show 4 lines */
.paid-listing-title {display:block;width:100%;background-color:#FFFFFF;opacity:0.95;color:#222222;position:absolute;bottom:0;padding:5px;font-size:14px;line-height:1.33em;}
.small-listing-date-age-wrapper {width:100%;margin:5px 0px 0px 0px;font-size:12px;font-weight:normal;line-height:1.75em;}
.small-listing-location-distance-wrapper {width:100%;float:left;width:100%;margin:0px;font-size:11px;font-weight:normal;line-height:1.75em;}
.small-listing-mobile-user-wrapper {width:100%;margin:0px 0px 0px 0px;font-size:12px;font-weight:normal;line-height:1.75em;}
.small-listing-age {display:block;float:right;padding-right:5px;}
.small-listing-age-corner {font-size:13px;position:absolute;top:0;right:0;margin:0;opacity:0.9;background-color:#222222;color:#FFFFFF;line-height:1em;padding:3px;}
.small-listing-location {display:block;float:left;width:50%;white-space:nowrap;overflow:hidden;}
.small-listing-location-wide {display:block;float:left;width:100%;white-space:nowrap;overflow:hidden;}
.small-listing-distance {display:block;float:right;padding-left:5px;}
.small-listing-date {display:block;float:right;padding-right:5px;}
.small-listing-mobile {font-size:16px;font-weight:bold;display:block;float:left;margin-top:10px;width:100%;text-align:center;}
.small-listing-user {display:block;float:right;margin-right:5px;}
.small-listing-content {display:block;margin:5px 0px 5px 0px;font-size:13px;line-height:1.7em !important;}
@keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.blink-image {
    animation: blink 1s;
    animation-iteration-count: 2;
}

/*
###########################
promote_your_ads.php styles 
---------------------------
###########################
*/
.promote-wrapper {width:100%;margin-top:30px;}
.pw-block {width:50%;float:left;padding-right:50px;}


/* 
##########################
START - In-Page Sponsored Ads
##########################
*/
/* Sponsored In-Page Desktop Ad */
.inpage-ads {} /* Leave this do not remove */
.sponsored-desk {display:block;float:left;position:relative;width:31.33%;height:220px;padding:2px;margin:0 1% 20px 1%;color:#222222;border:#000000 1px solid;}
.sponsored-desk-single-first {display:block;position:relative;width:345px;max-width:100%;height:220px;padding:2px;margin:0 1% 20px 1%;color:#222222;border:#000000 1px solid;}
.sponsored-img-wrapper {width:100%;height:178px;position:relative;float:left;background-image:url("images/LoaderIcon.gif");background-repeat:no-repeat;background-position:50% 50%;}
.sponsored-desk img {width:100%;height:100%;object-fit:cover;}
.sponsored-desk-single-first img {width:100%;height:100%;object-fit:cover;}
.sponsored-title-desk {font-size:14px;position:absolute;top:0px;left:0;background-color:#B0000B;color:#FFFFFF;padding:3px 5px;line-height:1em;}
.sponsored-label-desk {font-size:10px;font-style:italic;position:absolute;top:0px;right:0;background-color:#000000;color:#FFFFFF;padding:3px 5px;line-height:1em;}
.sponsored-desc-desk {float:left;width:100%;margin-top:2px;height:34px;line-height:34px;background-color:#B0000B;color:#FFFFFF;font-size:14px;text-align:center;}
/* Sponsored In-Page Mobile Ad */
.inpage-ad {display:inline-block;width:320px;height:415px;border:#cecece 0px solid;color:#222222;text-decoration:none;}
.inpage-ad img {width:100%;height:auto;}
.inpage-wrapper {display:block;padding:5px 10px;font-weight:bold;text-align:center;line-height:1.5em;}
.inpage-title {font-size:18px;color:#B0000B;font-weight:bold;}
.inpage-desc {font-size:18px;font-weight:bold;}
.inpage-label {font-size:11px;font-style:italic;}
/* 
##########################
END - In-Page Sponsored Ads
##########################
*/



/* 
##########################
START - NEW cat.php styles 
// Small Clean Style Listings 
##########################
*/
/* LSC-wrapper(height) =  .LSC-title-desc-wrapper(height) + .LSC-fields-wrapper(height) x Number of .LSC-fields-wrapper's */
/*.LSC-main {display:block;float:left;position:relative;width:31.33%;height:180px;overflow:hidden;padding:2px;margin:0 1% 20px 1%;color:#222222;border:#000000 1px solid;}*/

.LSC-main {display:block;float:left;position:relative;width:31.33%;height:220px;padding:2px;margin:0 1% 20px 1%;color:#222222;border:#000000 1px solid;}
.LSC-main-links {display:flex !important; justify-content:center;align-items:center;text-align:center;padding:5px;}
.LSC-main-links-inner {display:block;width:100%;}
/*.LSC-wrapper {display:block;float:left;width:100%;height:100%;padding:2px;text-decoration:none;}*/
.LSC-img-wrapper {width:36%;height:100%;position:relative;float:left;background-image:url("images/LoaderIcon.gif");background-repeat:no-repeat;background-position:50% 50%;}
.LSC-img {width:100%;height:100%;object-fit:cover;}
.LSC-photos-verified-badge {position:absolute;bottom:2;left:2;margin:0;opacity:0.9;background-color:#000000;color:#FFFFFF;font-size:11px;line-height:1em;padding:2px;}
.LSC-top-icon {position:absolute;top:-16;right:-1;margin:0;z-index:4;}
.LSC-age-corner {position:absolute;top:2;left:2;margin:0;opacity:0.9;background-color:#000000;color:#FFFFFF;font-size:11px;line-height:1em;padding:2px;}
.LSC-details {float:left;width:64%;height:100%;color:#000000;padding:0px 0px 0px 2px;}
.LSC-title-desc-wrapper {display:block;float:left;width:100%;padding:3px 4px;font-size:13px;line-height:20px;height:166px;text-align:justify;overflow:hidden;text-overflow:ellipsis;}
.LSC-title {font-weight:bold;}
.LSC-short_desc {}
.LSC-fields-wrapper {width:100%;float:left;width:100%;margin:1px 0px 0px 0px;font-weight:normal;font-size:11px;line-height:11px;height:23px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:6px;} /* make max-height = num_lines*line-height +  padding - show 1 line */
/*.LSC-field-bg {background-color:#e1e1e1;}*/
/*.LSC-field-bg2 {background-color:#969696;color:#FFFFFF !important;}*/
.LSC-field-bg {background-color:#f5f5f5;}
.LSC-field-bg2 {background-color:#e1e1e1;}
.LSC-mobile {display:block;float:left;}
.LSC-distance {display:block;float:right;padding-left:5px;}
.LSC-date {display:block;float:right;padding-right:5px;}
.LSC-field-100 {display:block;float:left;width:100%;padding-right:3px;overflow:hidden;}
.LSC-field-50 {display:block;float:left;width:50%;padding-right:3px;overflow:hidden;}
.LSC-field-40 {display:block;float:left;width:40%;padding-right:3px;overflow:hidden;}
.LSC-field-35 {display:block;float:left;width:35%;padding-right:3px;overflow:hidden;}
.LSC-field-30 {display:block;float:left;width:30%;padding-right:3px;overflow:hidden;}
.LSC-field-25 {display:block;float:left;width:25%;padding-right:3px;overflow:hidden;}
.LSC-field-20 {display:block;float:left;width:20%;padding-right:3px;overflow:hidden;}
.LSC-align-right {text-align:right;}
/* 
##########################
// Small Clean Style Listings 
END - NEW cat.php styles 
##########################
*/


/* 
##########################
START - NEW cat.php styles 
// Small Listings 
##########################
*/
/* L-wrapper(height) =  .L-short_desc(height) + .L-fields-wrapper(height) x Number of .L-fields-wrapper's */
.L-main {display:block;float:left;position:relative;width:31.33%;height:180px;overflow:hidden;margin:0 1% 20px 1%;color:#222222;border:#000000 1px solid;}
.L-main-links {display:flex !important; justify-content:center;align-items:center;text-align:center;padding:5px;}
.L-main-links-inner {display:block;width:100%;}
.L-title {display:block;float:left;width:100%;padding:5px 6px;background-color:#000000;color:#FFFFFF !important;font-size:16px;line-height:16px;height:26px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} /* make max-height = num_lines*line-height + padding - show 1 line */
.L-wrapper {display:block;float:left;width:100%;height:152px;padding:2px;text-decoration:none;}
.L-img-wrapper {width:36%;height:100%;position:relative;float:left;background-image:url("images/LoaderIcon.gif");background-repeat:no-repeat;background-position:50% 50%;}
.L-img {width:100%;height:100%;object-fit:cover;}
.L-details {float:left;width:64%;height:100%;color:#000000;padding:0px 0px 0px 2px;}
.L-photos-verified-badge {position:absolute;bottom:2;left:2;margin:0;opacity:0.9;background-color:#000000;color:#FFFFFF;font-size:11px;line-height:1em;padding:2px;}
.L-top-icon {position:absolute;top:-10;right:-6;margin:0;}
.L-age-corner {position:absolute;top:2;left:2;margin:0;opacity:0.9;background-color:#000000;color:#FFFFFF;font-size:11px;line-height:1em;padding:2px;}
.L-short_desc {display:block;float:left;width:100%;margin-bottom:6px;font-size:12px;line-height:16px;overflow:hidden;text-overflow:ellipsis;height:96px;text-align:justify;padding:0px 4px 0px 4px;} /* make max-height = num_lines*line-height +  padding - show 4 lines */
.L-fields-wrapper {width:100%;float:left;width:100%;margin:2px 0px 0px 0px;font-weight:normal;font-size:11px;line-height:11px;height:21px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:5px;} /* make max-height = num_lines*line-height +  padding - show 1 line */
.L-field-bg {background-color:#e1e1e1;}
.L-field-bg2 {background-color:#969696;color:#FFFFFF !important;}
.L-mobile {display:block;float:left;}
.L-distance {display:block;float:right;padding-left:5px;}
.L-date {display:block;float:right;padding-right:5px;}
.L-field-50 {display:block;float:left;width:50%;padding-right:3px;overflow:hidden;}
.L-field-40 {display:block;float:left;width:40%;padding-right:3px;overflow:hidden;}
.L-field-35 {display:block;float:left;width:35%;padding-right:3px;overflow:hidden;}
.L-field-30 {display:block;float:left;width:30%;padding-right:3px;overflow:hidden;}
.L-field-25 {display:block;float:left;width:25%;padding-right:3px;overflow:hidden;}
.L-field-20 {display:block;float:left;width:20%;padding-right:3px;overflow:hidden;}
.L-align-right {text-align:right;}
/* 
##########################
// Small Listings 
END - NEW cat.php styles 
##########################
*/

/*
.small-listing-favourite {position:absolute;top:0;left:0;margin:0;opacity:0.9;color:#FFFFFF;font-size:40px;line-height:1em;padding:3px;cursor:pointer;}
.paid-listing-main {display:block;float:left;width:24%;margin:0 0.5% 10px 0.5%;color:#222222;border:#cecece 1px solid;position:relative;} 
.paid-listing-wrapper {display:block;text-decoration:none;}
*/


/* Single Page Images */
#single-view-all-images-wrapper {display:block;width:100%;margin:10px 0px 10px 0px;text-align:center;}
#single-view-all-images {cursor:pointer;display:inline-block;background-color:#B0000B;color:#FFFFFF;border-radius:12px;font-size:16px;padding:5px 10px 5px 10px;text-decoration:none;}
#single-images-masonary {
	column-count: 3;
	column-gap: 15px;
}
.single-image-gallery a {width:100%;display:inline-block;}
.single-image-gallery img {width:100%;height:auto;display:block;}
/* Single Page Images */

.slideshow-thumbs-actions-wrapper {background-color:#f3f3f3;}
.fud-wrapper {width:100%;float:left;margin-top:20px;padding:20px 0px 20px 0px;text-align:center;border-bottom:#d4d4d4 1px solid;}
.fud {width:320px;margin:0 auto 0 auto;text-align:center;font-size:20px;padding:10px;}
.stats {display:inline-block;margin-left:4px;margin-right:4px;font-size:13px;line-height:1em;}
.favourite, .up, .down, .real, .fake, .review, .recommend {display:inline-block;line-height:1em;cursor:pointer;height:25px;margin-right:0px;background-repeat:no-repeat;background-position:right top;}
.review {width:25px;background-image:url("images/review.png");}
.favourite {width:30px;background-image:url("images/fav.png");}
.up {width:20px;background-image:url("images/up.png");}
.down {width:20px;background-image:url("images/down.png");}
.real {width:27px;background-image:url("images/real.png");}
.fake {width:27px;background-image:url("images/fake.png");}
.recommend {width:150px;background-image:url("images/recommend.png");}
.recommend-button-wrapper {display:block;margin-top:20px;}
.recommend-button-wrapper-sticky {display:inline;margin:0px;}
.fud-buttons-margin-right {display:inline-block;margin-right:10px;}
/*
// Large Icons - Just change height and width and the Background Icons will automatically adjust 
.stats {display:inline-block;margin-left:4px;margin-right:14px;font-size:30px;}
.favourite, .up, .down, .real, .fake, .review {display:inline-block;line-height:1em;cursor:pointer;height:50px;margin-right:0px;background-repeat:no-repeat;background-position:right top;-webkit-background-size:cover;-moz-background-size:cover; -o-background-size:cover;background-size:cover;}
.review {width:50px;background-image:url("images/stats-icons/review-large.png");}
.favourite {width:50px;background-image:url("images/stats-icons/fav-large.png");}
.up {width:50px;background-image:url("images/stats-icons/up-large.png");}
.down {width:50px;background-image:url("images/stats-icons/down-large.png");}
.real {width:50px;background-image:url("images/stats-icons/real-large.png");}
.fake {width:50px;background-image:url("images/stats-icons/fake-large.png");}
*/

.stickyFooterStats {position:fixed;bottom:0;left:0;right:0;margin:0;padding:0;width:100%;z-index:3;background-color:#FFFFFF;-webkit-box-shadow: 0px -5px 24px 0px rgba(150,150,150,1);-moz-box-shadow: 0px -5px 24px 0px rgba(150,150,150,1);box-shadow: 0px -5px 24px 0px rgba(150,150,150,1);}
.fav-page {position:absolute;top:0;left:0;margin:0;opacity:0.9;border:#222222 1px solid;background-color:#FFFFFF;color:#FFFFFF;padding-right:6px;padding-left:4px;cursor:pointer;}
.iprocessing {color:#222222;animation-name:changecolor;animation-duration:1s;animation-iteration-count:infinite;}
@keyframes changecolor {
    from {color:#FFFFFF;}
    to {color:#222222;}
	0% { transform: scale(1); }
	50% { transform: scale(1.7); }
	100% { transform: scale(1); }
}
.iadded {color:#212121;background-position:left top;}

/* Recommend Button CSS For single.php */
.recommendations {width:100%;}
.recommend-main {width:100%;}
.recommend-wrapper {width:300px;margin:0 auto;text-align:center;}
.r-question {display:block;margin-bottom:10px;font-weight:bold;}
.r-answer {display:block;margin-bottom:10px;}
.r-button {width:150px;max-width:45%;margin:0 auto;padding:5px;display:block;cursor:pointer;color:#FFFFFF;text-align:center;}
.r-pn-buttons-wrapper {width:280px;display:block;margin:0 auto;}
.r-post, .r-post-single {background-color:#212121;}
.r-positive {background-color:#212121;float:left;margin-right:5px;}
.r-negative {background-color:#F7F7F7;float:right;margin-left:5px;border:#d4d4d4 1px solid;color:#222222;}
.r-review-button-wrapper {width:100%;margin-top:0px;padding-top:30px;border-width:1px 0px 0px 0px;border-color:#d4d4d4;border-style:solid;}
.r-review-button-wrapper a {text-decoration:none;}
/*.r-review-button {margin:0 auto;width:50%;padding:5px;display:block;cursor:pointer;background-color:#212121;color:#FFFFFF;text-align:center;font-size:20px;}*/
.r-review-button {margin:0 auto;padding:5px;width:300px;max-width:100%;display:block;cursor:pointer;background-color:#212121;color:#FFFFFF;text-align:center;font-size:20px;}

/* Overlay Review Box For cat.php Search.php etc. */
.recommend-box-main-overlay {display:none;text-align:center;width:100%;height:100%;background-color:rgba(0,0,0,0.8);position:fixed;top:0px;left:0px;right:0px;bottom:0px;z-index:9999;}
.recommend-box-overlay {font-family:verdana;background-color:#FFFFFF;padding:20px;width:600px;max-width:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
/* END - Overlay Review Box For cat.php Search.php etc. */

.r-wr-heading {margin:0 auto 20px auto;padding:5px;width:300px;max-width:100%;display:block;background-color:#f7f7f7;border:#d4d4d4 1px solid;text-align:center;font-size:20px;}
.recommend-box-main {display:block;margin:0px 0px 10px 0px;padding-bottom:30px;text-align:center;border-bottom:#d4d4d4 1px solid;}
.recommend-box {font-family:verdana;width:600px;max-width:100%;margin:0 auto;}
.recommend-name {display:block;width:100%;margin:2px 0px 5px 0px;outline:0;border:#d4d4d4 1px solid;}
.recommend-review {font-family:verdana;width:100%;height:120px !important;overflow:auto;margin-bottom:10px;text-align:left;outline:0;border:#d4d4d4 1px solid;}
.r-message {display:block;color:#BC0000;font-weight:bold;}
.rr-main {display:block;margin-bottom:15px;}
.rr-inner {display:inline-block;margin-right:20px;}
.rr-inner span {display:inline-block;float:left;font-size:16px;line-height:24px;}
.rryn {width:20px;height:20px;}

.review-single {width:100%;padding:0px 10px 20px 30px;margin:20px 0px 20px 0px;border-bottom:#d4d4d4 1px solid;background-image:url("images/user.png");background-repeat:no-repeat;background-position:0 5;background-size: 25px 25px;}
.review-single-content {line-height:1.25em;}
.review-single-date {display:block;font-size:12px;font-style:italic;}
.prev-thumbnail-wrapper {width:150px;height:150px;display:block;float:left;padding:2px;margin:0px 2px 2px 2px;background-color:#FFFFFF;border:#d4d4d4 1px solid;}
.prev-thumbnail-wrapper img {object-fit:contain;width:100%;height:100%;}
#preview_img_container {display:block;margin-bottom:20px;overflow:auto;}
.review-city-links {list-style-type:none;padding:0px;margin:0px;}

/* single, sub_cat page front end - show all listings under sub_category */
.listings {width:100%;margin-top:30px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;align-content:flex-start;gap:10px 0px;}
.paid-listings {width:100%;margin-bottom:10px;}

#read_more_less {display:block;margin-bottom:10px;font-size:13px;}
.page_content {font-size:14px;line-height:1.5em;}
.page_content_read_more {position:relative;height:35px;overflow:hidden;}
.page_content_read_more:after {
  position: absolute;
  bottom: 0;  
  height: 50%;
  width: 100%;
  content: "";
  background: linear-gradient(to top,
     rgba(255,255,255, 1) 0%, 
     rgba(255,255,255, 0) 80%
  );
  pointer-events: none; /*so the text is still selectable*/
}
.page_content_read_less {line-height:1.5em;font-size:14px;line-height:1.5em;}
.page_content_read_less:after {
	content:none;
}

/*.single-title {font-weight:bold;margin-top:40px;}*/
.warning {color:#B0000B;font-size:13px;margin:5px 0px 0px 0px;line-height:1em;}
.single-title {font-weight:bold;}
.single-listing-mobile {font-size:32px;display:inline-block;font-size:32px;text-decoration:none;border-radius:8px;background-color:#FFFFFF;color:#000000;line-height:1em;margin:10px 0px 10px 0px;}
.single-listing-mobile a {text-decoration:none;color:#000000;}
.show-phone-number {display:inline-block;border:#000000 2px solid;border-radius:3px;background-color:#FFFFFF;color:#000000;padding:3px 10px 3px 10px;line-height:1em;cursor:pointer;}
.show-phone-number span {color:#B0000B;}
.single-listing-mobile .show-phone-number {border-radius:8px;padding:5px 10px 5px 10px;}
.show-phone-number a {text-decoration:none;color:#FFFFFF;line-height:1em;}

.contact-method {line-height:1em;font-size:18px;margin:10px 0px 5px 0px;display:flex;align-items: center;}
.contact-method i {margin-right:5px;}
.contact-method i.lni-world {color:#004ca2;font-size:24px;width:28px;}
.contact-method i.lni-whatsapp {color:#36bb22;font-size:24px;width:28px;}
.contact-method i.lni-telegram-original {color:#0088cc;font-size:24px;width:28px;}
.contact-method i.lni-signal-app {color:#3b75f0;font-size:26px;width:28px;}
.contact-method i.lni-wechat {color:#00c70a;font-size:28px;width:28px;}
.contact-method span {}
.contact-reveal {cursor:pointer;}
.contact-reveal span {color:#B0000B;font-weight:bold;}
.single-details-container {margin:10px 0px 0px 0px;font-size:15px;margin:0px 0px 20px 0px;}
.single-listing-details {margin:10px 0px 20px 0px;font-size:15px;}
.single-listing-location {font-size:24px;margin-bottom:20px;}
.single-listing-suburb {margin-right:10px;}
.single-listing-images img {max-width:96%;padding:1%;border:#dbdbdb 1px solid;margin-bottom:10px;}
.single-listing-content {overflow-wrap: break-word;padding:0px 5% 40px 5%;margin:30px 0px 20px 0px;border-bottom:#d4d4d4 1px solid;}
/* 
Changed CSS .single-ads-bar a
Changed Colours 29th May 2024 - 10am 
Changed Font Size 13th Aug 2025 - 11am
*/
/* Buttons - Remove Listing / Add Review / Add to Favourites */
.action-buttons-wrapper {width:100%;display:block;float:left;margin-bottom:30px;text-align:center;}
.action-button {display:inline-block;margin:8px 5px 5px 0px;border-radius:6px;line-height:1em;padding:8px 10px;font-size:14px;color:#FFFFFF;text-decoration:none;}
.action-button-remove-listing {background-color:#B0000B;}
.revsys_action-button-review {background-color:#188714;}
.revsys_action-button-show-reviews {background-color: #2196F3;}
.action-button-save {background-color:#e650b6;}
/* End - Buttons - Remove Listing / Add Review / Add to Favourites */

/* Review System */
/* Modal Styles */
.revsys_modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
}
.revsys_modal-content {
    background-color: #fff;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
    max-width: 500px;
    border-radius: 5px;
}
.revsys_close {
    color: #aaa;
    float: right;
    font-size: 36px;
    font-weight: bold;
    cursor: pointer;
	margin-left: 15px;
}
.revsys_close:hover {
    color: black;
}
.revsys_form-group {
    margin-bottom: 15px;
	clear:both;
}
.revsys_form-group label {
    display: block;
    margin-bottom: 5px;
}
.revsys_form-group input, .revsys_form-group textarea {
    width: 100%;
    padding: 8px;
    box-sizing: border-box;
}
.revsys_form-group textarea {
    min-height: 250px !important; /* Enforce height for ~10 lines, override inline styles */
    resize: vertical; /* Allow vertical resizing if desired */
}
.revsys_button {
    padding: 10px 20px;
    background-color: #4CAF50;
    color: white;
    border: none;
    cursor: pointer;
    border-radius: 3px;
}
.revsys_button:hover {
    background-color: #45a049;
}

/* Tabs for Login/Signup */
#revsys_login-signup-tabs {
    display: flex;
    margin-bottom: 20px;
}
.revsys_tab {
    flex: 1;
    padding: 10px;
    background: #ddd;
    border: none;
    cursor: pointer;
}
.revsys_tab.revsys_active {
    background: #4CAF50;
    color: white;
}
.revsys_tab-content {
    display: none;
}
.revsys_tab-content.revsys_active {
    display: block;
}

/* Star Rating */
.revsys_star-rating {
    direction: rtl;
    font-size: 0;
	float:left;
}
.revsys_star-rating-error {
   border: 2px solid red;
   padding: 5px;
}
.revsys_star-rating input {
    display: none;
}
.revsys_star-rating label {
    font-size: 30px;
    color: #ddd;
    cursor: pointer;
    display: inline-block;
}
.revsys_star-rating input:checked ~ label,
.revsys_star-rating label:hover,
.revsys_star-rating label:hover ~ label {
    color: #f1c40f;
}

/* Spinner Animation */
.revsys_spinner {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    border-top: 2px solid #fff;
    animation: revsys_spin 1s ease-in-out infinite;
    margin-left: 5px;
    vertical-align: middle;
}

@keyframes revsys_spin {
    to { transform: rotate(360deg); }
}

/* Button Loading State */
.revsys_button-loading {
    position: relative;
    cursor: not-allowed;
    opacity: 0.7;
}

.revsys_button-loading:disabled {
    cursor: not-allowed;
}

/* Styles for Reviews Display */
.revsys_reviews-container {
    margin-top: 30px;
    padding: 20px;
    border: 1px solid #e0e0e0;
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

.revsys_reviews-container h2 {
    font-size: 24px;
    margin-bottom: 20px;
    color: #333;
    font-weight: 600;
    border-bottom: 2px solid #B0000B; /* Matches your link color */
    padding-bottom: 10px;
    display: inline-block;
    position: relative;
}

.revsys_reviews-container h2::before {
    content: "\2605"; /* Unicode for star icon */
    color: #f1c40f; /* Gold color for star */
    margin-right: 10px;
    font-size: 28px;
}

.revsys_review-item {
    margin-bottom: 25px;
    padding: 15px;
    border: 1px solid #f0f0f0;
    border-radius: 8px;
    background-color: #f9f9f9;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.revsys_review-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.08);
}

.revsys_review-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 10px;
    font-size: 14px;
    color: #555;
    border-bottom: 1px dashed #ddd;
    padding-bottom: 8px;
}

.revsys_review-username {
    font-weight: bold;
    color: #222;
    font-size: 16px;
    display: flex;
    align-items: center;
}

.revsys_review-username::before {
    content: "\1F464"; /* Unicode for user icon */
    margin-right: 8px;
    font-size: 18px;
    color: #666;
}

.revsys_review-rating {
    color: #f1c40f; /* Gold color for stars */
    font-size: 18px;
    display: flex;
    align-items: center;
}

.revsys_review-rating::after {
    content: attr(data-tooltip); /* Optional: could add tooltip text if needed */
    font-size: 12px;
    color: #777;
    margin-left: 5px;
    font-family: 'Trebuchet MS', 'Tahoma', 'Verdana';
}

.revsys_review-date {
    font-style: italic;
    font-size: 13px;
    color: #888;
    display: flex;
    align-items: center;
}

.revsys_review-date::before {
    content: "\1F4C5"; /* Unicode for calendar icon */
    margin-right: 5px;
    font-size: 14px;
    color: #888;
}

.revsys_review-content {
    font-size: 15px;
    line-height: 1.7em;
    color: #333;
    text-align: justify;
    position: relative;
    padding: 10px 0;
    max-height: 200px; /* Limit height to prevent overly long reviews */
    overflow-y: auto;
}

.revsys_review-content::before {
    content: "\201C"; /* Unicode for left quotation mark */
    font-size: 40px;
    color: rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 0;
    left: -10px;
    font-family: serif;
}

/* Save to Favorites Styles */
.savfav_lists-wrapper {
    max-height: 200px; /* Approximate height for 5 list items (assuming ~40px per item) */
    overflow-y: auto; /* Enable vertical scrolling */
    border: 1px solid #ddd;
    padding: 5px;
    border-radius: 3px;
    margin-bottom: 10px;
    -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
}

/* Ensure the scrollbar is styled for better visibility on mobile */
.savfav_lists-wrapper::-webkit-scrollbar {
    width: 6px;
}

.savfav_lists-wrapper::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.savfav_lists-wrapper::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 3px;
}

.savfav_lists-wrapper::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.savfav_list-item {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
    padding: 5px;
    border-bottom: 1px solid #eee;
	min-height: 40px; /* Ensure consistent height per item for calculating max-height */
}

.savfav_list-item input[type="checkbox"] {
    width: auto;
    margin-right: 10px;
}

.savfav_list-item label {
    flex-grow: 1;
    margin-bottom: 0;
}

.savfav_list-item span {
    font-size: 12px;
    color: #888;
}

.savfav_spinner {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    border-top: 2px solid #fff;
    animation: savfav_spin 1s ease-in-out infinite;
    margin-left: 5px;
    vertical-align: middle;
}

@keyframes savfav_spin {
    to { transform: rotate(360deg); }
}

.savfav_close {
    color: #aaa;
    float: right;
    font-size: 36px;
    font-weight: bold;
    cursor: pointer;
    margin-left: 15px;
}

.savfav_close:hover {
    color: black;
}
/* End - Review System */

/* Comment System */
.comment_form {margin: 20px 0; padding: 10px;}
.comment_form label {display:inline-block !important;}
.comment_form input {padding:6px !important;}
.comment_form input[type="email"] {width:300px;max-width:100%;}
.comment_form textarea {height:100px !important;}
.comment_field { margin-bottom: 10px; }
.comment_error { color: red; }
.comment_success { color: green; }
.comment_submit_disabled {
    opacity: 0.6;
    cursor: not-allowed;
    position: relative;
    padding-right: 30px !important;
}
.comment_spin {
    border: 3px solid #f3f3f3;
    border-top: 3px solid #3498db;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    animation: comment_spin 1s linear infinite;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}
@keyframes comment_spin {
    0% { transform: translateY(-50%) rotate(0deg); }
    100% { transform: translateY(-50%) rotate(360deg); }
}
.comment_form_hidden {
    display: none;
}

/*Display Comments on Single.php*/
/* Comments Section Styles */
.comment_section {
    margin: 40px 0;
    padding: 0;
}

.comment_section_title {
    font-size: 24px;
    font-weight: 600;
    color: #333;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid #e0e0e0;
}

/* Comments Wrapper */
.comment_comments_wrapper {
    background: #f9f9f9;
    border-radius: 8px;
    padding: 20px;
    min-height: 100px;
}

/* No Comments Message */
.comment_no_comments {
    text-align: center;
    color: #666;
    font-style: italic;
    padding: 30px 0;
    margin: 0;
}

/* Individual Comment */
.comment_item {
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    padding: 15px;
    margin-bottom: 15px;
    transition: all 0.3s ease;
}

.comment_item:last-child {
    margin-bottom: 0;
}

.comment_item:hover {
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

/* Comment Header */
.comment_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f0f0f0;
}

.comment_author {
    font-weight: 600;
    color: #2c3e50;
    font-size: 16px;
}

.comment_date {
    font-size: 13px;
    color: #999;
    font-style: italic;
}

/* Comment Message */
.comment_message {
    color: #444;
    line-height: 1.6;
    font-size: 15px;
    word-wrap: break-word;
}

/* New Comment Animation */
.comment_new_item {
    opacity: 0;
    transform: translateY(-10px);
}

.comment_fade_in {
    animation: comment_fadeInSlide 0.5s ease forwards;
}

@keyframes comment_fadeInSlide {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Highlight for newly added comments */
.comment_new_item {
    border-color: #4CAF50;
    background: #f0f9ff;
}

/* Responsive Design */
@media (max-width: 768px) {
    .comment_section {
        margin: 30px 0;
    }

    .comment_section_title {
        font-size: 20px;
    }

    .comment_comments_wrapper {
        padding: 15px;
    }

    .comment_item {
        padding: 12px;
    }

    .comment_header {
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
    }

    .comment_author {
        font-size: 15px;
    }

    .comment_date {
        font-size: 12px;
    }

    .comment_message {
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .comment_comments_wrapper {
        padding: 10px;
        background: transparent;
    }

    .comment_item {
        padding: 10px;
        margin-bottom: 10px;
    }
}

/* Loading State */
.comment_loading {
    text-align: center;
    padding: 20px;
    color: #666;
}

.comment_loading::after {
    content: '...';
    animation: comment_dots 1.5s infinite;
}

@keyframes comment_dots {
    0%, 20% {
        content: '.';
    }
    40% {
        content: '..';
    }
    60%, 100% {
        content: '...';
    }
}

/* Empty State Illustration (optional) */
.comment_empty_state {
    text-align: center;
    padding: 40px 20px;
}

.comment_empty_icon {
    font-size: 48px;
    color: #ddd;
    margin-bottom: 10px;
}

/* Comment Counter (optional) */
.comment_count {
    display: inline-block;
    background: #e0e0e0;
    color: #666;
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 14px;
    margin-left: 10px;
}

/* Pagination for comments (if needed) */
.comment_pagination {
    text-align: center;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #e0e0e0;
}

.comment_load_more {
    background: #4CAF50;
    color: white;
    border: none;
    padding: 10px 30px;
    border-radius: 25px;
    font-size: 14px;
    cursor: pointer;
    transition: background 0.3s;
}

.comment_load_more:hover {
    background: #45a049;
}

.comment_load_more:disabled {
    background: #ccc;
    cursor: not-allowed;
}
/* END - Comment System */

.single-ads-bar-gifs {display:block;width:100%;margin:30px 0px 10px 0px;text-align:center;}
.single-ads-bar-gifs a {display:inline-block;text-decoration:none;margin:0px 5px 5px 5px;} 
.single-ads-bar {display:block;width:100%;margin:30px 0px 10px 0px;text-align:center;}
.single-ads-bar a {display:inline-block;font-size:22px;text-decoration:none;margin:0px 5px 5px 5px;padding:10px 50px;border-radius:5px;background-image: linear-gradient(to right, #ec4899 , #e25353);color:#FFFFFF;} 
/*.single-ads-bar a {display:inline-block;font-size:18px;text-decoration:none;margin:0px 1px 5px 1px;padding:4px 6px;background-color:#000000;color:#FFFFFF;}*/
.single-ads-bar a:hover {background-color:#B0000B;}
.ads-bar-x {display:block;width:100%;margin:30px 0px 10px 0px;text-align:center;}
/*.ads-bar-x a {display:inline-block;font-size:21px;text-decoration:none;margin:0px 5px 5px 5px;padding:6px 14px;background-color:#000000;color:#FFFFFF;}*/
.ads-bar-x a {display:inline-block;font-size:21px;text-decoration:none;margin:0px 5px 5px 5px;padding:6px 14px;border-radius:5px;/*background-image: linear-gradient(to right, #B0000B , #000000);*/background-color:#B0000B;color:#FFFFFF;} 
.ads-bar-x a:hover {background-color:#B0000B;}
.single-remove-report {width:100%;margin-top:30px;text-align:center;}
.single-remove-report a {display:inline-block;text-decoration:none;margin-right:10px;padding:8px 15px;background-color:#B0000B;color:#FFFFFF;border-radius:10px;}
.single-remove-report a:hover {background-color:#000000;}
.filter {margin:15px 0px 15px 0px;}
.single-call-or-sms {background-color:#212121;color:#FFFFFF;border-right:#cccccc 1px solid;padding:0px 5px 0px 5px;line-height:1em;}
.single-tags {margin:0px;padding:0px 0px 40px 20px;}
.single-tags li {}
.single-loading-icon {display:none;width:25px;height:25px;background-image:url("images/LoaderIcon.gif");background-repeat:no-repeat;}
.single-listing-next {width:100%;text-align:left;}
.single-big-link {cursor:pointer;display:inline-block;font-size:32px;text-decoration:none;border-radius:8px;background-color:#B0000B;color:#FFFFFF;line-height:1em;padding:5px 10px 5px 10px;margin:20px 0px 20px 0px;}
.single-big-link:hover {background-color:#222222;}
.big-link-wrapper {text-align:center;width:100%;}
.big-link {cursor:pointer;display:inline-block;font-size:32px;text-decoration:none;background-color:#212121;color:#FFFFFF;line-height:1em;padding:10px 15px 10px 15px;margin:20px 0px 20px 0px;}
.big-link:hover {background-color:#222222;}
.show_more_wrapper {text-align:center;width:100%;height:100px;position:relative;float:left;}
.show_more_shadow {
text-align:center;width:100%;height:100px;background-color:#FFFFFF;  
background: linear-gradient(to top,
 rgba(255,255,255, 1), 
 rgba(255,255,255, 0)
);
position:absolute;bottom:100px;
}
.show_more {cursor:pointer;display:inline-block;font-size:32px;text-decoration:none;background-color:#212121;color:#FFFFFF;line-height:1em;padding:10px 15px 10px 15px;margin:20px 0px 20px 0px;}
.show_more:hover {background-color:#222222;}
.show_more_arrow:hover {-moz-animation:bounce 3s;-webkit-animation:bounce 3s;animation:bounce 3s;}
.show_more_arrow {margin:5px 0px 0px 0px;text-align:center;}
/* Show More Arrow Animation */
.bounce {
	-moz-animation: bounce 3s;
	-webkit-animation: bounce 3s;
	animation: bounce 3s;
}
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
  60% {
    -moz-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
  60% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
  60% {
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}
/* End - Show More Arrow Animation */

.single-other-titles {font-size:13px;color:c0c0c0;}
.float-left {float:left;}
.float-right {float:right;}
.padded {width:100%;padding-left:0px;padding-right:0px;margin-left:0px;margin-right:0px;}

/* Form */
form {margin-top:20px;}
.form-field {margin-bottom:20px;}
form label {display:block;font-weight:bold;}
.clear 
{
	display: block;
	clear: both;
	width: 100%;
}
input[type=text], textarea
{
box-sizing:border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;
padding: 6px; 
font-size: 16px;
}
textarea
{
width:100%;
}
select
{
padding: 5px; 
font-size: 16px;
}
#contact_form input[type=submit] {display:block;margin-top:10px;}
.form-data {background-color:#f2f2f2;border:#ddd 1px solid;padding:0px 20px 20px 20px;}
.form-heading 
{
	font-weight:normal;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	width:100%;padding:5px 5px 5px 10px;margin:0px;background-color:#212121;color:#FFFFFF;
}
ul.parsley-errors-list {list-style-type:none !important;padding:0px !important;margin:5px 0px 15px 0px !important;}
.parsley-errors-list li {color:red;display:inline;line-height:1em;}
.box-link {display:inline-block;font-size:14px;text-decoration:none;line-height:1.25em;border:#044a81 1px solid;background-color:#0162ad;color:#FFFFFF;padding:3px 5px 3px 5px;}


/* JQUERY MOBILE */
.ui-page-active {outline:none;border:none;}

/* MENU */

.responsive-menu 
{
float:left;
-moz-user-select: -moz-none;
-khtml-user-select: none;
-webkit-user-select: none;
/*
 Introduced in IE 10.
 See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
*/
-ms-user-select: none;
user-select: none;
margin:0px 0px 0px 0px;
line-height:1.9em;
}
/*.helper {display:inline-block;height:40px;vertical-align:middle;}*/ 
/* this element is used along with vertical-align:middle; to vertically align one div inside another div */

.btnsymbol {display:inline-block;padding:0px 0px 0px 0px;}
.openbtn {cursor:pointer;height:35px;line-height:34px;margin:2px 0px 0px 2px;padding:0px 3px 0px 8px;border:#FFFFFF 1px solid;float:left;font-size:18px;}
.openbtnMain {border:none !important;font-size:28px;padding:0px 10px 0px 0px;}
#openbtnMenu {color:#FFFFFF !important;}
.CitySelected, .FilterSelected {background:#FFFFFF;color:#222222;}
.MenuActive {background:#222222;color:#FFFFFF;height:38px;line-height:37px;border-bottom:0px;}

a.disabled_link {color:#646464 !important;text-decoration:none;}
.overlay a.disabled_link:hover {color:#FFFFFF !important;}

.overlay {
	display:none;
	height: auto;
    width:260px;
	max-width:300px;
	right:0px;
    position: absolute;
    z-index:999999;
    top: 40;
    background-color:rgba(0,0,0,0.9);
	color:#FFFFFF;
    /*overflow-x: hidden;
	overflow-y:hidden;*/
    transition: 0.5s;
}

.overlay-content {
    top: 5px;
    width: 100%;
    text-align: left;
    margin-top: 0px;
	padding: 0px 0% 10px 0%;
}

.overlay a {
    padding: 3px 8px 3px 8px;
    text-decoration: none;
    font-size: 16px;
    color: #FFFFFF;
    display: block;
    transition: 0.3s;
	border-bottom:#464646 1px solid;
}

.overlay span.menu_item {width:114px;display:block;}
.overlay span.menu_headings {width:100%;display:block;font-size:16px;background-color:#212121;opacity:0.8;border:#464646 1px solid;border-width:0px 0px 0px 0px;padding-left:10px;margin-bottom:6px;}
.overlay span.menu_all_main {width:100%;display:block;font-size:16px;color:#646464;padding:0px 0px 0px 15px;border-bottom:#464646 1px solid;margin-bottom:3px;}
.overlay span.menu_all {width:100%;display:block;font-size:16px;padding-left:20px;padding-right:20px;margin-bottom:5px;}
.overlay span.menu_all a {border-bottom:0px;}
.overlay span.menu_item_long {width:100%;display:block;padding-left:20px;padding-right:20px;}
.overlay span.menu_item_long a {}
.overlay span.menu_padding {width:100%;display:block;line-height:1em;}

.overlay a:hover, .overlay a:focus {
    background-color: #3d3d3d;
	color:#FFFFFF;
	display:block;
}

.overlay .closebtn {
    position: absolute;
    top: -2px;
    right: 20px;
    font-size: 40px;
}

/* Single Listing Image Slider */
.thumbnails-main {width:100%;text-align:center;}
.thumbnails-container {width:auto;margin:10 auto 0 auto;}
.thumb-wrapper {width:150px;height:150px;display:inline-block;padding:2px;}
.thumb-wrapper img {object-fit:cover;width:100%;height:100%;}
.single-gallery-container {width:100%;height:80%;max-height:600px;overflow:hidden;white-space:nowrap;}
.single-gallery-container img {width:auto;height:100%;}
@media screen and (min-width:100px) and (max-width: 600px) {
	.single-gallery-container {height:500px;}
	.single-gallery-container img {width:100%;object-fit:contain;}
}
@media screen and (min-width:100px) and (max-width: 480px) {
	.single-gallery-container {height:400px;}
}
/* Slideshow container */
.slideshow-container {
  width: 102%; /*Make slideshow full width and ignore listing-content padding*/
  height:80%;
  position: relative;
  margin: auto;
  margin-left:-1%;/*Make slideshow full width and ignore listing-content padding*/
  margin-right:-1%;/*Make slideshow full width and ignore listing-content padding*/
  background-color:#404040;
}

/* Hide the images by default */
.mySlides {
    display: none;
	text-align:center;
	width:100%;
	height:100%;
	background-image:url("images/LoaderIcon.gif");background-repeat:no-repeat;background-position:50% 50%;
}

.mySlides img
{
	object-fit:contain;
	/*object-fit:cover;*/
	width:100%;
	height:100%;
}


/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -36px;
  padding: 40px 25px;
  color: white;
  font-weight: bold;
  font-size: 32px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
  right: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* CSS For Long Tag Pages */
.lt-listing-content {margin-bottom:5px;text-align:justify;font-size:13px;}
.gallery {display:block;}
.lt-image-wrapper {display:inline-block;width:100px;height:100px;padding:0px 4px 4px 0px;background-image:url("images/LoaderIcon.gif");background-repeat:no-repeat;background-position:50% 50%;}
.lt-image {width:100%;height:100%;object-fit:cover;}
.lt-listing-title {background-color:#000000;color:#FFFFFF;padding:10px 20px 10px 20px;margin:0px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2em;}
.lt-listing-title a {text-decoration:none;color:#FFFFFF;}
.lt-sub-title {display:block;font-weight:bold;margin-top:8px;margin-bottom:3px;}
.lt-services {display:block;font-style:italic;color:#696969;margin-bottom:5px;font-size:13px;}
.lt-listing-date {display:block;font-style:italic;color:#696969;font-size:13px;}
.lt-listing-wrappper {margin-bottom:30px;hyphens:none;}
.lt-listing-wrappper-inner {font-size:15px;border:#000000 1px solid;border-width:0px 1px 0px 1px;padding:20px;line-height:1.25em;}
.lt-listing-bottom {color:#FFFFFF;width:100%;border:#000000 1px solid;border-top:0px;}
.lt-listing-bottom > a, .lt-listing-bottom > span {display:block;text-decoration:none;padding:5px 10px;text-align:center;width:150px;max-width:50%;}
.lt-mobile {float:left;background-color:#444444;color:#FFFFFF;}
.lt-view-profile {float:right;background-color:#B0000B;color:#FFFFFF;}
@media screen and (min-width:100px) and (max-width: 600px) {
	.gallery {display:flex;flex-wrap:wrap;justify-content:space-between;}
	.lt-image-wrapper {width:33%;height:100px;}
	.lt-listing-bottom > a, .lt-listing-bottom > span {width:50%;}
	.lt-mobile {border-right:#FFFFFF 1px solid;}
}
@media screen and (min-width:100px) and (max-width: 400px) {
	.lt-image-wrapper {width:33%;height:80px;}
}


/* Make Website Responsive */
@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
  }
}

@media screen and (min-width:100px) and (max-width:1200px) 
{
#header {display:none;}
#logo-icon-nav {display:inline-block;}
.footer-links-inner, .footer-links-locations-inner {width:25%;}
#main {width:100%;}
.bottom-links-container {width:24%;}
/*.footer-links a {font-size:15px;line-height:3.5em;}*/
.top-nav a {padding:5px 3px 5px 3px;}
.single-listing-content {width:100%;line-height:1.6em;font-size:14px;padding-left:0px;padding-right:0px;padding-top:10px;margin-top:5px;}
}

@media screen and (min-width:100px) and (max-width:1024px) 
{
/* 
content div width = 100% - 4% padding = 92% 
viewport width = 92%
num of thumbnails in a row = 6
Thumb width = 92%/6 = 15.33 
Thumb width - padding 4px (2px on each side) = 15.33vw-4px
*/
.thumb-wrapper {width:calc(15.33vw - 4px);height:calc(15.33vw - 4px);display:inline-block;padding:2px;} 
#single-images-masonary {
	column-count: 2;
	column-gap: 10px;
}
.L-main {width:48%;margin:0 1% 20px 1%;}
.LSC-main {width:48%;margin:0 1% 20px 1%;}
.sponsored-desk {width:48%;margin:0 1% 20px 1%;}
.bottom-links-container {width:32.33%;}
}

@media screen and (min-width:100px) and (max-width:900px) 
{
/* 
content div width = 100% - 4% padding = 92% 
viewport width = 92%
num of thumbnails in a row = 5
Thumb width = 92%/5 = 18.4
Thumb width - padding 4px (2px on each side) = 18.4vw - 4px
*/
.thumb-wrapper {width:calc(18.4vw - 4px);height:calc(18.4vw - 4px);display:inline-block;padding:2px;} 
.footer-links-inner, .footer-links-locations-inner {width:33.33%;}
.paid-listing-main {margin:0 0.5% 5px 0.5%;width:49%;}
.bottom-links-container {width:32.33%;}
}

@media screen and (min-width:100px) and (max-width:800px) 
{
.single-ads-bar a {font-size:21px;width:32.33%;text-align:center;margin:0 0.5% 0 0.5%;padding:8px 14px;} 
.top-tabs {display:block;}
.slink2 {display:none;}
/* 
content div width = 100% - 4% padding = 92% 
viewport width = 92%
num of thumbnails in a row = 4
Thumb width = 92%/4 = 23
Thumb width - padding 4px (2px on each side) = 23vw - 4px
*/
.pw-block {width:100%;}
.L-main {width:100%;margin:0 0 20px 0;}
.LSC-main {width:100%;margin:0 0 20px 0;}
.thumb-wrapper {width:calc(23vw - 4px);height:calc(23vw - 4px);display:inline-block;padding:2px;} 
.footer-links-inner, .footer-links-locations-inner {width:50%;}
.inpage-ad {display:block !important;float:left;}
/*.sponsored-desk {display:none !important;}*/
/*#header {margin:5px 0px 5px 0px;display:block;}*/
/*#logo-in-nav {display:none;}*/
/*#search-icon-header, #fav-icon-header {display:block;}*/
/*#search-icon-nav, #fav-icon-nav {display:none;}*/
/*.top-nav #menus {width:100%;float:left;}*/
/*.overlay {left:0px;}*/
.overlay a {padding: 10px 8px 10px 8px;text-decoration: none;font-size: 18px;}
.paid-listing-title {padding:2px;font-size:12px;line-height:1.33em;}
H1 {font-size:18px;}
.filter {margin:5px 0px 5px 0px;}
/*.single-listing-mobile {font-size:18px;}*/
.single-listing-next {text-align:center;}
.big-link {width:100%;font-size:20px;padding:20px 10px 20px 10px;text-align:center;}
.show_more {width:100%;padding:20px 10px 20px 10px;text-align:center;}
.single-big-link {font-size:18px;}
/*
.listing-wrapper {width:98%;height:auto;margin:0px 1% 20px 1%;padding-bottom:20px;}
.listing-image-wrapper {width:100%;height:470px;overflow:auto;}
.listing-image {width:100%;height:auto;max-width:100%;max-height:900px;}
*/
/*.listing-image-helper{display:none;}*/
.single-listing-details {line-height:2em;}
.slideshow-container {height:70%;}
.page_content, .page_content_read_less {font-size:12px;}
/*#content {padding-top:10px;border:none;}*/
/*#content {padding-top:10px;padding-left:5px;padding-right:5px;border:none;}
/*.listings, .paid-listings {padding-left:-10px;padding-right:-10px;}*/
#search_listings {width:100%;margin-bottom:10px;}
.keyword-wrapper, .location-wrapper {float:left;width:84%;max-width:84%;padding-right:3%;margin-bottom:5px;}
#keyword-list, #location-list {width:100%;}
/*#search_listings input[type="text"] {width:100%;font-size:18px;margin-bottom:5px;border:#222222 1px solid;}*/
/*.search-button-wrapper {float:none;margin-right:0px;}*/
/*#search_listings button {font-size:18px;}*/
/*#search_listings BR {display:none;}*/
#main, #wrapper {padding:0px;margin:0px;}
.padded {width:100%;padding-left:3%;padding-right:3%;}
/*.page-numbers a, .page-numbers span {font-size:18px;padding:8px 10px;margin:4px 4px 0px 0px;}*/
.bottom-links-container {width:49%;}
.openbtn {font-size:14px;letter-spacing:-0px;}
.recommend-main {margin-bottom:30px;}
.recommendations {padding:0px;border:0px;}
.review-single {font-size:14px;}
.footer-links-left, .footer-links-middle, .footer-links-right {width:100%;}
}


@media screen and (min-width:100px) and (max-width:1060px) 
{
.listings {gap:2px 0px;} /* Vertical and Horizontal Gap */
.small-listing-main {width:33%;height:355px;} 
.small-listing-image-wrapper {width:100%;height:300px;}
.small-listing-details {height:55px;}
.small-listing-title {font-size:13px;line-height:13px;}
.small-listing-line {font-size:13px;line-height:13px;}
.small-listing-mobile {font-size:14px;margin-top:5px;}	
.inpage-wrapper {width:33%;height:355px;}
.inpage-ad {width:100%;}
.inpage-desc-wrapper {width:100%;}
.inpage-ad img {height:300px;}
.inpage-title {font-size:16px;}
.inpage-desc {font-size:16px;line-height:1.25em;}
}

@media screen and (min-width:100px) and (max-width:710px) 
{
#content {padding:8 1% 30 1%;border:#d4d4d4 1px solid;border:0px 0px 1px 0px;} 
.small-listing-main {width:49.8%;height:415px;} 
.small-listing-image-wrapper {width:100%;height:360px;}
.small-listing-details {height:55px;}
.small-listing-title {font-size:13px;line-height:13px;}
.small-listing-line {font-size:13px;line-height:13px;}
.small-listing-mobile {font-size:14px;margin-top:5px;}	
.inpage-wrapper {width:100%;height:auto;}
.inpage-ad {width:100%;height:auto;}
.inpage-ad img {width:100%;height:auto;}
.inpage-wrapper {padding:5px 10px 20px 10px;font-weight:bold;text-align:center;}
.inpage-title {font-size:22px;color:#B0000B;}
.inpage-desc {font-size:22px;line-height:1.5em;}
}


@media screen and (min-width:100px) and (max-width:600px) 
{
.top-breadcrumbs {font-size:13px;}
/* 
content div width = 100% - 4% padding = 92% 
viewport width = 92%
num of thumbnails in a row = 3
Thumb width = 92%/3 = 30.66
Thumb width - padding 4px (2px on each side) = 30.66vw - 4px
*/
.thumb-wrapper {width:calc(30.66vw - 4px);height:calc(30.66vw - 4px);display:inline-block;padding:2px;}
#single-images-masonary {
	column-count: 1;
	column-gap: 10px;
}
/*
.small-listing-main {width:100%;height:auto;} 
.small-listing-image-wrapper {width:100%;height:auto;}
*/
/*.small-listing-title {font-size:13px;line-height:13px;height:13px;overflow:hidden;}*/ /* make max-height = num_lines*line-height + padding - show 1 line */
.related-listing-main {margin:0 1% 15px 1% !important;width:48% !important;}
.related-listing-image-wrapper {height:300px !important;}
.bottom-links-container {width:99%;}
.lt-listing-title {font-size:18px;padding:5px 10px 5px 10px;}
.lt-listing-wrappper-inner {padding:10px;}
.fud {padding:2px 0px 5px 0px;}
.r-wr-heading {width:100%;}
.page-numbers-all {white-space:nowrap;overflow-x:scroll;overflow-y:hidden;}
.filter-links {white-space:nowrap;overflow-x:scroll;overflow-y:hidden;font-size:13px;}
.filter-links::-webkit-scrollbar {display: none;} /* Hide scrollbar for IE, Edge and Firefox */
.filter-links { -ms-overflow-style: none;  /* Hide scrollbar IE and Edge */ scrollbar-width: none;  /* Hide scrollbar Firefox */}
}

@media screen and (min-width:100px) and (max-width:480px) 
{
.small-listing-main {width:49.8%;height:295px;} 
.small-listing-image-wrapper {width:100%;height:250px;}
.small-listing-details {height:45px;}
.small-listing-title {font-size:13px;line-height:13px;margin-top:6px;}
.small-listing-line {font-size:12px;line-height:12px;margin-top:3px;}
.small-listing-mobile {font-size:14px;margin-top:5px;}
.single-ads-bar a {font-size:20px;padding:8px 4px;} 
.ads-bar-x a {font-size:18px;margin:0px 2px 5px 2px;padding:6px 14px;}
.related-listing-main {margin:0 1% 15px 1% !important;width:48% !important;}
.related-listing-image-wrapper {height:240px !important;}
.footer-links-inner, .footer-links-locations-inner {width:100%;}
/*#search-icon-nav {display:none;}*/
}


@media screen and (min-width:100px) and (max-width:390px) 
{
.single-ads-bar a {font-size:16px;margin:0 0.25% 0 0.33%;padding:4px 4px;} 
.ads-bar-x a {font-size:18px;margin:0px 2px 5px 2px;padding:6px 8px;}
.related-listing-main {margin:0 1% 15px 1% !important;width:48% !important;}
.related-listing-image-wrapper {height:240px !important;}
.footer-links-inner, .footer-links-locations-inner {width:100%;}
}

@media screen and (min-width:100px) and (max-width:360px) 
{
/* 
content div width = 100% - 4% padding = 92% 
viewport width = 92%
num of thumbnails in a row = 2
Thumb width = 92%/2 = 46
Thumb width - padding 4px (2px on each side) = 46vw - 4px
*/
.thumb-wrapper {width:calc(46vw - 4px);height:calc(46vw - 4px);display:inline-block;padding:2px;}
.related-listing-main {margin:0 1% 15px 1% !important;width:48% !important;}
.related-listing-image-wrapper {height:180px !important;}
#fav-icon-nav {display:none;}
.top-tab a {font-size:15px;}
}

@media screen and (min-width:100px) and (max-width:300px) 
{
.small-listing-main {margin:0 0 15px 0;width:100%;} /*used in cat.php index.php*/
.small-listing-image-wrapper {height:360px;}
.related-listing-main {width:100% !important;}
.related-listing-image-wrapper {height:300px !important;}
}