body {
font-family: IRANSansX;
font-feature-settings: "ss01", "tnum";
display: flex;
flex-direction: column;
min-height: 100vh;
width: 100%;
position: relative;
z-index: -1;background: #F2F2F7;
color:#000000;
direction:rtl;
max-width: 1024px;
width: 100%;
margin: 0 auto;
font-size:14px;-webkit-tap-highlight-color:rgba(0,0,0,0)}
body.home:after{
background: var(--main-color);
background-repeat: no-repeat;
width: 100%;height: 300px;position: absolute;left: 0;top: 0;content: "";z-index: -1;
}
body.bg-chat{
background: #F2F2F7;overflow: hidden;
}
body.hides{
overflow: hidden;
}
body.ltr{
direction: ltr;
}
a{text-decoration: none;}
input, textarea, select, button{
font-family: IRANSansX;
font-feature-settings: "ss01", "tnum";
}
::-webkit-scrollbar {
width: 0px;
}
::-webkit-scrollbar-track {
border-radius: 0px;
}
::-webkit-scrollbar-thumb {
background: transparent;
border-radius: 0px;
}
*{outline:0;box-sizing:border-box;border:0;padding:0;margin:0}
button {
  -webkit-appearance: none !important;
  background: transparent;
  border: 0px solid transparent;
  padding: 0px; }
@font-face {
font-family: IRANSansX;
font-style: normal;
font-weight: 200;
src: url('../fonts/iransans/iransans/woff/IRANSansX-UltraLight.woff') format('woff'),   
url('../fonts/iransans/woff2/IRANSansX-UltraLight.woff2') format('woff2');
}
@font-face {
font-family: IRANSansX;
font-style: normal;
font-weight: 300;
src: url('../fonts/iransans/woff/IRANSansX-Light.woff') format('woff'),   
url('../fonts/iransans/woff2/IRANSansX-Light.woff2') format('woff2'); 
}
@font-face {
font-family: IRANSansX;
font-style: normal;
font-weight: 500;
src: url('../fonts/iransans/woff/IRANSansX-Medium.woff') format('woff'),   
url('../fonts/iransans/woff2/IRANSansX-Medium.woff2') format('woff2'); 
}
@font-face {
font-family: IRANSansX;
font-style: normal;
font-weight: 600;
src: url('../fonts/iransans/woff/IRANSansX-DemiBold.woff') format('woff'),   
url('../fonts/iransans/woff2/IRANSansX-DemiBold.woff2') format('woff2'); 
}
@font-face {
font-family: IRANSansX;
font-style: normal;
font-weight: 800;
src: url('../fonts/iransans/woff/IRANSansX-ExtraBold.woff') format('woff'),   
url('../fonts/iransans/woff2/IRANSansX-ExtraBold.woff2') format('woff2'); 
}
@font-face {
font-family: IRANSansX;
font-style: normal;
font-weight: 900;
src: url('../fonts/iransans/woff/IRANSansX-Black.woff') format('woff'),   
url('../fonts/iransans/woff2/IRANSansX-Black.woff2') format('woff2'); 
}
@font-face {
font-family: IRANSansX;
font-style: normal;
font-weight: 950;
src: url('../fonts/iransans/woff/IRANSansX-ExtraBlack.woff') format('woff'),   
url('../fonts/iransans/woff2/IRANSansX-ExtraBlack.woff2') format('woff2'); 
}
@font-face {
font-family: IRANSansX;
font-style: normal;
font-weight: 1000;
src: url('../fonts/iransans/woff/IRANSansX-Heavy.woff') format('woff'),   
url('../fonts/iransans/woff2/IRANSansX-Heavy.woff2') format('woff2'); 
}
@font-face {
font-family: IRANSansX;
font-style: normal;
font-weight: bold;
src: url('../fonts/iransans/woff/IRANSansX-Bold.woff') format('woff'),   
url('../fonts/iransans/woff2/IRANSansX-Bold.woff2') format('woff2'); 
}
@font-face {
font-family: IRANSansX;
font-style: normal;
font-weight: normal;
src: url('../fonts/iransans/woff/IRANSansX-Regular.woff') format('woff'),   
url('../fonts/iransans/woff2/IRANSansX-Regular.woff2') format('woff2');
}
:root{
--main-color:#DA3333;
--color-rgba: 218, 51, 51;
}
b,strong,strong *,.fw-bold{font-weight:bold}img{object-fit:cover;max-width:100%}
.right{float:right}
.left{float:left}
.fs-8{font-size:8px}
.fs-9{font-size:9px}
.fs-10{font-size:10px}
.fs-11{font-size:11px}
.fs-12{font-size:12px}
.fs-13{font-size:13px}
.fs-14{font-size:14px}
.fs-15{font-size:15px}
.fs-16{font-size:16px}
.fs-17{font-size:17px}
.fs-18{font-size:18px}
.fs-19{font-size:19px}
.fs-20{font-size:20px}
.fs-21{font-size:21px}
.fs-22{font-size:22px}
.fs-23{font-size:23px}
.fs-24{font-size:24px}
.fs-25{font-size:25px}
.fs-26{font-size:26px}
.fs-27{font-size:27px}
.fs-28{font-size:28px}
.fs-29{font-size:29px}
.fs-30{font-size:30px}
.fs-31{font-size:31px}

.cr-fff{color:#fff}
.cr-000{color:#000}
.cr-111{color:#111}
.cr-222{color:#2b2d42}
.cr-333{color:#333}
.cr-444{color:#444}
.cr-555{color:#555}
.cr-666{color:#666}
.cr-777{color:#646679}
.cr-888{color:#888}
.cr-999{color:#999}
.cr-asli{color:var(--main-color);}
.rt-op{opacity:.8}

.br-3px{border-radius:3px}
.br-5px{border-radius:5px}
.br-10px{border-radius:10px}
.br-15px{border-radius:15px}
.br-20px{border-radius:20px}
.br-25px{border-radius:25px}
.br-30px{border-radius:30px}
.br-35px{border-radius:35px}
.br-50px{border-radius:50%}
.br-medium{font-weight:500}

.fw-200{font-weight:200}
.fw-300{font-weight:300}
.fw-400{font-weight:400}
.fw-500{font-weight:500}
.fw-600{font-weight:600}
.fw-700{font-weight:700}
.fw-800{font-weight:800}
.fw-900{font-weight:900}
.fw-1000{font-weight:1000}
.fw-bold{font-weight:bold}
.rt-center{display:inline-flex;justify-content:center;flex-direction:column;text-align:center}
.rt-align{text-align:center}

.rt-shadow{box-shadow:0 0 15px 0 rgb(0 0 0 / 5%)}
.rt-fixed{position:fixed;}
.rt-relative{position:relative}
.rt-absolute{position:absolute}
.rt-pointer{cursor:pointer}
.rt-sticky{
position: sticky;
}
.rt-top{top: 0;}
.rt-left{left: 0;}
.rt-right{right: 0;}
.rt-bottom{bottom: 0;}

.rt-aaa{color:rgba(255, 255, 255, 0.8)}
header{
width: 100%;
padding: 0 10px;
}
header .header-home{
padding-top: 1rem;
display: flex;
}
header .header-home .header-home-page{
display: flex;
flex-direction: row;
align-content: flex-start;
align-items: center;
max-width: 1024px;
width: 100%;
margin: 0 auto;
}
header .header-home .header-home-page div{
width: calc(100% / 3);
}
header .header-home .right{
text-align: right;
}
header .header-home .right .goBack{
vertical-align: middle;object-fit: cover;width: 50px;
}
header .header-home .right .goBack{
width: 50px;height: 50px;background: white;border-radius: 16px;transition: 0.3s all;
}
header .header-home .right .goBack:active{
transform: scale(0.95);transition: 0.3s all;
}
header .header-home .right .goBack svg{
width: 30px;height: 30px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);color: var(--main-color);
}
header .header-home .center{
text-align: center;
}
header .header-home .center a{
vertical-align: middle;object-fit: cover;
}
header .header-home img{
width: 70px;
text-align:center;
}
header .header-home .left{
text-align: left;
}
header .header-home .left img{
width: 40px;height: 40px;
}
.search-header{
position: sticky;
left: 0px;top: 0;width: 100%;padding: 1rem 10px;background: var(--main-color);z-index: 11;display: flex;align-content: flex-start;
align-items: center;
}
.search-header .form-search{
color: white;width: 100%;display: flex;align-content: flex-start;
align-items: center;
background: #E15C5C;border-radius: 10px;
}
.search-header .form-search .form-search-bax{
width: 100%;display: flex;align-content: flex-start;
align-items: center;color: white;transition: 0.3s all;
}
.search-header .form-search .form-search-bax button{
width: 25px;height: 25px;background: transparent;border: none;
}
.search-header .form-search .form-search-bax svg{
width: 25px;margin-right: 10px;
}
.search-header .form-search input{
width: 100%;padding: 1rem 0.8rem;background: transparent;color: white;
}
.search-header .form-search input::placeholder{
color: white;
}
.search-header.addsearch .back-search-btn{
transition: opacity 0.3s ease;width: 50px;margin-left: 10px;
}
.search-header.addsearch .back-search-btn div{
width: 50px;height: 50px;background: white;border-radius: 16px;transition: 0.3s all;
}
.search-header.addsearch .back-search-btn div:active{
transform: scale(0.95);
}
.search-header.addsearch .back-search-btn svg {
width: 30px;height: 30px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);color: var(--main-color);
}
.search-header .loading-search{
width: 22px;
height: 22px;min-height: 22px;min-width: 22px;
background: #E15C5C;
border: 2px solid #FFF;
border-bottom-color: transparent;
border-radius: 50%;
display: inline-block;
box-sizing: border-box;
margin-left: 9px;
top: 50%;z-index: 1;
transform: translateY(-50%);
animation: loading-search 1s linear infinite;
}
@keyframes loading-search {
0% {
transform:translateY(-50%) rotate(0deg);
}
100% {
transform:translateY(-50%) rotate(360deg);
}
}
.search-header .form-search input::-webkit-search-cancel-button{
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg stroke-width='0'%3e%3c/g%3e%3cg stroke-linecap='round' stroke-linejoin='round'%3e%3c/g%3e%3cg%3e%3cg%3e%3cpath d='M21 21L12 12M12 12L3 3M12 12L21.0001 3M12 12L3 21.0001' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/svg%3e");margin-left: 10px;position: absolute;left: 0;top: 50%;z-index: 1;width: 18px;height: 18px;-webkit-appearance: none;transform: translateY(-50%);vertical-align:middle;background-position: center;background-size: cover;
}
.search-header .form-search .cities{
border-right: 2px solid var(--main-color);text-align: center;display: flex;align-content: flex-start;
align-items: center;justify-content: center;transition: 0.1s all;padding: 0.8rem 0.5rem;white-space: nowrap;
}
.search-header .form-search .cities .icon-map{
width: 23px;height: 23px;margin-right: 5px;transition: 0.1s all;
}
.search-header .form-search .cities:active .icon-map{
transform: scale(0.9);
}
.single-header{
position: fixed;
z-index: 2;border-bottom: 1px solid transparent;
width: 100%;transition: all 0.3s ease-in-out;
}
.single-header.scrolled{
background: white;border-bottom: 1px solid #ddd;transition: all 0.3s ease-in-out;
}
.single-header.scrolled .single-header-page{
padding: 5px;transition: all 0.3s ease-in-out;
}
.single-header-page{
padding: 10px 10px;display: flex;align-content: flex-start;align-items: center;transition: all 0.3s ease-in-out;
width: 100%;max-width: 1024px;margin: auto;
}
.single-header .gright{
text-align: right;
}
.single-header .sgname {
margin-right: 10px;width: 100%;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.single-header.scrolled .sgname {
opacity: 1transition: all 0.3s ease-in-out;;
}
.single-header .gright .back-single-btn{
background: white;width: 50px;height: 50px;transition: 0.3 all;
}
.single-header .gright .back-single-btn:active{
transform: scale(0.95);
}
.single-header .gright .back-single-btn svg{
width: 30px;height: 30px;left: 50%;top: 50%;transform: translate(-50%,-50%);color: var(--main-color);
}
.single-header .gleft{
text-align: left;width:50px;float: left;
}
.single-header .gleft .share-single-btn{
background: white;width: 50px;height: 50px;transition: 0.3 all;float: left;
}
.single-header .gleft .share-single-btn:active{
transform: scale(0.95);
}
.single-header .gleft .share-single-btn svg{
width: 26px;height: 26px;left: 50%;top: 50%;transform: translate(-50%,-50%);color: var(--main-color);;
}
body.offline .single-header, body.offline .header-home{
margin-top: 25px;
}
body.offline .search-header{
padding-top: 40px;
}
.item-wifi{
position: fixed;left: 0;top: 0;z-index: 100;
padding: 5px 10px;
width: 100%;transition: 0.3s all;
}
.item-wifi.off{
background: #444;transition: 0.3s all;
}
.item-wifi.on{
background: #0081ff;transition: 0.3s all;
}
.item-wifi .item-wifi-show{
display: flex;align-items: center;justify-content: center;
}
.item-wifi .item-wifi-show svg{
width: 20px;height: 20px;margin-left: 10px;
}
.home_cities{
margin-top: 1rem;
overflow: auto;
display: flex;
}
.home_cities li{
padding: 10px 20px;background: #E15C5C;display: inline-block;margin-right: 10px;
}
.home_cities li:last-child{
margin-left: 10px;
}
.home_cities a{
color: white;text-decoration: none;
}
.newads{
margin-top: 2rem;border-radius: 30px 30px 0 0;padding: 1rem 0;margin-bottom: 5rem;background: #F2F2F7;
}
.newads .ads-head{
padding: 0.5rem 1.2rem;
}
.newads .ads-head h2{
color:var(--main-color);
}
.newads .ads-head p{
margin-top: 10px;
}
.newads .ads-head .selected_cities{
overflow: auto;list-style: none;margin-top: 1.5rem;display: flex;min-height: 45px;
}
.newads .ads-head .selected_cities li{
background: rgba(218,51,51,0.2);padding: 8px 10px; border: 1.2px solid var(--main-color);margin-left: 8px;display: flex;flex-direction: row;align-content: flex-start;align-items: center;min-height: 40px;max-height: 40px;white-space: nowrap;
}
.newads .ads-head .selected_cities li.citiesitem0{
background: transparent;padding: 8px 10px; border: 1.2px solid transparent;margin-left: 8px;display: flex;flex-direction: row;align-content: flex-start;align-items: center;
}
.newads .ads-head .selected_cities li .cities_cancel{
width: 20px;height: 20px;margin-right: 5px;background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg class='cities_cancel' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23DA3333'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M6 18 18 6M6 6l12 12' /%3e%3c/svg%3e");vertical-align: middle;object-fit: cover;
}
.adslist .list_cities{
background: white;width: 100%;overflow: hidden;padding: 1rem;list-style: none;margin-bottom: 1rem;
}
.adslist .list_cities .name-asli{
display: flex;
}
.adslist .list_cities .left{
padding: 0;margin-right: auto;
width: 20px;height: 20px;
}
.adslist .list_cities .left .left-cities-svg{
width: 20px;height: 20px;transition: 0.3s all;
}
.adslist .list_cities .left .left-cities-svg.active{
transform: rotate(180deg);
}
.adslist .list_cities .list-group-cities.list-open {
opacity: 1;margin-top: 10px;transition: 0.3s all;
}
.adslist .list_cities .list-group-cities.list-closed {
opacity: 0;height: 0px;min-height: 0;transition: 0.3s all;
}
.adslist .list_cities .list-group-cities{
transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;max-height: 0;overflow: hidden;
}
.adslist .list_cities .left input{
accent-color: var(--main-color);
}
.adslist .list_cities .list-group-cities li{
padding: 1rem .5rem;margin-bottom:0rem;border-bottom: 1.2px solid #ddd;
}
.adslist .list-ads-block .list-ads-block-img .pin{
left: 0;top: 0;
background: rgba(0, 0, 0, 0.7);
padding: 5px 8px;
display: flex;align-items: center;
margin-top: 5px;margin-left: 5px;border-radius: 50px;
}
.adslist .list-ads-block .list-ads-block-img .pin .icon-pin-angle{width: 16px;height: 16px;margin-left: 2px;background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3e%3cpath d='M9.828.722a.5.5 0 0 1 .354.146l4.95 4.95a.5.5 0 0 1 0 .707c-.48.48-1.072.588-1.503.588-.177 0-.335-.018-.46-.039l-3.134 3.134a6 6 0 0 1 .16 1.013c.046.702-.032 1.687-.72 2.375a.5.5 0 0 1-.707 0l-2.829-2.828-3.182 3.182c-.195.195-1.219.902-1.414.707s.512-1.22.707-1.414l3.182-3.182-2.828-2.829a.5.5 0 0 1 0-.707c.688-.688 1.673-.767 2.375-.72a6 6 0 0 1 1.013.16l3.134-3.133a3 3 0 0 1-.04-.461c0-.43.108-1.022.589-1.503a.5.5 0 0 1 .353-.146m.122 2.112v-.002zm0-.002v.002a.5.5 0 0 1-.122.51L6.293 6.878a.5.5 0 0 1-.511.12H5.78l-.014-.004a5 5 0 0 0-.288-.076 5 5 0 0 0-.765-.116c-.422-.028-.836.008-1.175.15l5.51 5.509c.141-.34.177-.753.149-1.175a5 5 0 0 0-.192-1.054l-.004-.013v-.001a.5.5 0 0 1 .12-.512l3.536-3.535a.5.5 0 0 1 .532-.115l.096.022c.087.017.208.034.344.034q.172.002.343-.04L9.927 2.028q-.042.172-.04.343a1.8 1.8 0 0 0 .062.46z'/%3e%3c/svg%3e");-webkit-appearance: none;vertical-align:middle;background-position: center;background-size: cover;
}
.ads-head .a-header{
display: flex;flex-direction: row;
align-content: flex-start;
align-items: center;
}
.ads-head .a-header #delete-all-cities-container{
margin-right: auto;
}
.ads-head .a-header .delete-all-cities{
padding: 6px 14px;background-color: #fff;border: 1px solid #ddd;border-radius: 10px;transition: 03s all;
}
.ads-head .a-header .delete-all-cities.cr-danger {
color: var(--main-color);font-size: 12px;font-weight: 500;
}
.adslist .cities-search{
width: 100%;
}
.adslist .cities-search .list_cities{
width: 100%;padding: 0.5rem;
}
.adslist .cities-search .list_cities li{
width: 100%;padding: 1rem .5rem;border-bottom: 1.2px solid #ddd;
}
.adslist .list_cities li.no-user-login{
display: flex;align-self: center;align-items: center;
}
.adslist .list_cities li.no-user-login svg{
width: 20px;height: 20px;
}
.adslist{
margin-top: 1rem;
display: flex;
flex-wrap: wrap;
padding: 0 10px;
}
.adslist .list-ads-block{
display: flex;background: white;padding: 10px;overflow: hidden;width: calc(50% - 16px);margin:8px;
}
.adslist .list-ads-block .list-ads-block-info{
margin-left: 5px;width: 100%;
display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}
.adslist .list-ads-block .list-ads-block-info h3{
line-height: 1.8;height: 60px;min-height: 60px;max-height: 60px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;
}
.adslist .list-ads-block .list-ads-block-info h3 a{
text-decoration: none;color: #000000;
}
.adslist .list-ads-block .list-ads-block-info .itme1 a,.adslist .list-ads-block .list-ads-block-info .itme2 a{
color:#666;text-decoration: none;
}
.adslist .list-ads-block .list-ads-block-img{
width: 130px;min-width: 130px;min-height: 130px;height: 130px;object-fit: cover;vertical-align: middle;overflow: hidden;
}
.adslist .list-ads-block .list-ads-block-img img{
width: 100%;height: 100%;
}
.glam-profile {
display: flex;flex-wrap: wrap;
}
.glam-profile .glam-profile-content{
width: calc(50% - 16px);background: #ffffff;padding: 1rem;margin: 8px;
}
.glam-profile .glam-profile-content .glam-profile-title {
position: relative;display: block;line-height: 1.8;
}
.glam-profile .glam-profile-content .glam-profile-title svg{
display:inline-block;vertical-align:middle;width:23px;height:23px;color:rgb(29, 155, 240);position: relative;left: 0;top: 0;
}
.glam-profile .glam-profile-content .glam-profile-title .icon-haeder{
position: relative;left: 0;top: 0;width: 30px;height: 30px;display: inline-block;
}
.glam-profile .glam-profile-content .glam-profile-title .icon-haeder svg{
color: var(--main-color);
}
.glam-profile .glam-profile-content .glam-profile-title svg.icon-verified{
color:rgb(29, 155, 240);margin-right:5px;
}
.glam-profile .glam-profile-content .glam-profile-tags {
line-height: 1.8;margin-top: 5px;
}
.glam-profile .glam-profile-content .glam-profile-rating {
display: flex;
align-items: center;min-height: 30px;margin: 5px 0;margin-top: 10px;
}
.glam-profile .glam-profile-content .glam-star-icon {
color: gold;position: absolute;top:1.6px;right: 0;width: 20px;display: inline-block;vertical-align: middle;
}
.glam-profile .glam-profile-content .glam-profile-rating .new-rating{
padding: 0 5px;margin-right: 17px;line-height: 1.8;
}
.glam-profile .glam-profile-content .glam-profile-rating .glam-rating-count {
color: #666;
font-size: 12px;
}
.glam-profile .glam-profile-content .glam-profile-rating .glam-profile-status{
margin-right: 10px;
}
.glam-profile .glam-profile-content .glam-profile-rating .glam-profile-status .pulseProfile {
padding-right: 12px;
}
.glam-profile .glam-profile-content .glam-profile-rating .glam-profile-status .pulseProfile:after{
position: absolute;right:0;top: 50%;transform: translateY(-50%);width: 6px;height: 6px;display: block;content: "";border-radius: 50%;
}
.glam-profile .glam-profile-content .glam-profile-rating .glam-profile-status .pulseProfile.is-open:after{
background: #25d366;animation-name: pulseProfile;animation-duration: 1.5s;animation-timing-function: ease-out;animation-iteration-count: infinite;
}
.glam-profile .glam-profile-content .glam-profile-rating .glam-profile-status .pulseProfile.is-open span{
color:#28a745;
}
.glam-profile .glam-profile-content .glam-profile-rating .glam-profile-status .pulseProfile.is-closed:after{
background: #888;
}
.glam-profile .glam-profile-content .glam-profile-rating .glam-profile-status .pulseProfile.is-closed span{
color:#888;
}
@keyframes pulseProfile {
0% {
box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
}
80% {
box-shadow: 0 0 0 5px rgba(37, 211, 102, 0);
}
}
.glam-profile .glam-profile-content .glam-profile-gallery {
display: flex;overflow: auto;
}
.glam-profile .glam-profile-content .glam-profile-gallery-item{
min-width: 110px;width: 110px;height: 110px;border-radius: 10px;overflow: hidden;margin-left: 5px;
}
.glam-profile .glam-profile-content .glam-profile-gallery-item:last-child{
margin-left: 0;
}
.glam-profile .glam-profile-content .glam-profile-gallery-item img{
width: 100%;height: 100%;object-fit: cover;
}
.glam-profile .glam-profile-content .glam-profile-gallery-item.newaddmore{
position: relative;left: 0;top: 0;
}
.glam-profile .glam-profile-content .glam-profile-gallery-item.newaddmore:before{
padding: 5px 10px;position: absolute;left: 0;top: 0;content: "";display: block;width: 100%;height: 100%;z-index: 1;background-color: rgba(0,0,0,0.1);
backdrop-filter: blur(15px);
}
.glam-profile .glam-profile-content .glam-profile-gallery-item.newaddmore:after{
position: absolute;left: 50%;top: 50%;content: "مشاهده همه";display: block;width: calc(100% - 50px);z-index: 2;transform: translate(-50%, -50%);font-size: 10px;font-weight: bold;color: #fff;
}
.glam-profile .glam-profile-content .glam-profile-address {
line-height: 1.8;margin-top: 5px;margin-bottom: 10px;
}
.glam-profile .glam-profile-content .glam-profile-actions {
width: 100%;margin-top: 1rem;display: flex;
}
.glam-profile .glam-profile-content .glam-profile-action {
display: flex;align-items: center;width: 100%;justify-content: center;padding: 0.5rem 0;overflow: hidden;border-radius:5px;font-size: 12px;font-weight: 500;
}
.glam-profile .glam-profile-content .glam-profile-action svg{
width: 20px;height: 20px;margin-right: 5px;
}
.glam-profile .glam-profile-content .glam-contact-btn {
background: var(--main-color);color: white;
}
.glam-profile .glam-profile-content .glam-details-btn {
border: 1.5px solid var(--main-color);color: var(--main-color);
}
.glam-profile .glam-profile-content .glam-profile-actions a{
width: 100%;margin-right: 10px;
}
.no-ads-search{
padding: 5px 0;
}
.no-ads-search h4{
margin-bottom: 10px;line-height: 1.8;
}
.no-ads-search p{
line-height: 1.8;margin-top: 2px;
}
.single{
overflow: hidden;
display: flex;flex-wrap: wrap;
margin-bottom: 5rem;margin-top: 0rem;
}
.single-sidebar-right{
width: 40%;
}
.single-sidebar-right .mappreview{
padding-right: 1rem;
}
.single-sidebar-right .swiper-pagination{
margin-bottom: 20px;
}
.single .adssigle{
z-index: 0;left: 0;top: 0px;background: #F2F2F7;content: "";display: block;width: 100%;border-radius: 0;padding: 1rem;
}
.single .adssigle{
width: 60%;
}
.mapmobile{
display: none;
}
.mapdesktop{
display: block;
}
.galleri {
position: relative;
width: 100%;
overflow: hidden;
z-index: 0;
}
.galleri img{
width: 100%;height: 100%;min-height: 440px;
}
.galleri .swiper {
display: flex;
transition: transform 0.3s ease-in-out;
width: 100%;
height: 440px;
}
.galleri .swiper-slide {
flex: 0 0 auto;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
background: #fff;
}
.galleri .swiper-slide img {
max-width: 100%;
max-height: 100%;
}
.single video{
max-width: 100%;
max-height: 100%;
background: black;
}
.galleri .nav-btn {
position: absolute;
top: 50%;
transform: translateY(-50%);
background-color: rgba(0, 0, 0, 0.5);
color: white;
border: none;
font-size: 20px;
padding: 10px 20px;
cursor: pointer;
z-index: 1;
}
.galleri .nav-btn.prev {
left: 10px;
}
.galleri .nav-btn.next {
right: 10px;
}
.galleri .nav-btn:hover {
background-color: rgba(255, 255, 255, 0.7);
color: black;
}
.swiper-container{
margin: 0 auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
width: 100%;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-box-sizing: content-box;
box-sizing: content-box; }
.swiper-slide {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform; }
.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: 50%;
width: 27px;
height: 44px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
background-size: 27px 44px;
background-position: center;
background-repeat: no-repeat; }
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none; }
.galleri .swiper-button-next,.galleri .swiper-button-prev{
display: none;
color: red;
}
.swiper-button-next {
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23fff'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M15.75 19.5 8.25 12l7.5-7.5' /%3e%3c/svg%3e ");
left: 10px;
right: auto; }
.swiper-button-prev {
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23fff'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='m8.25 4.5 7.5 7.5-7.5 7.5' /%3e%3c/svg%3e ");
right: 10px;
left: auto; }
.swiper-pagination {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
display: flex;
justify-content: center;
align-items: center;
z-index: 10;
padding: 8px 5px;
border-radius: 50px;
margin-bottom: 45px;
background: white;
}
.swiper-pagination-bullet {
width: 12px;
height: 12px;
margin: 0 3px;
background-color: #DDDDDD;
border-radius: 50%;
transition: background-color 0.3s;
}
.swiper-pagination-bullet-active {
background-color: #DA3232;
}
.ModalGallery {
display: none;
position: fixed;
z-index: 1000;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
background-color: rgba(0, 0, 0, 0.8);
justify-content: center;
align-items: center;
}
.ModalGallery .ModalGallery-close{
width: 40px;height: 40px;background: rgba(0, 0, 0, 0.6);border-radius: 50%;z-index: 2;margin-right: 10px;margin-top: 10px;overflow: hidden;color: #999;
}
.ModalGallery .ModalGallery-close svg{
width: 25px;height: 25px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);
}
.ModalGallery .swiper-ModalGallery {
width: 100%;
height: 100%;
}
.ModalGallery .swiper-ModalGallery .swiper-pagination {
margin-bottom: 15px;
}
.ModalGallery .swiper-ModalGallery .swiper-slide {
flex: 0 0 auto;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
background: #000;vertical-align: middle;object-fit: cover;
}
.ModalGallery .swiper-ModalGallery .swiper-slide img {
max-width: 100%;
max-height: 100%;
vertical-align: middle;object-fit: cover;
cursor: pointer;
}
.single .exclamation-v1{
display: flex;align-items: center;justify-content: space-between;width: 100%;padding: 1rem 0;
}
.single .exclamation-v1 .exclamation_start{
display: flex;align-items: center;
}
.single .exclamation-v1 .exclamation_start .exclamation_title{
text-decoration: none;
}
.single .exclamation-v1 .exclamation_start .icon{
width: 30px;height: 30px;margin-left: 10px;
}
.single .exclamation-v1 .exclamation_end{
margin: 0px;
}
.single .exclamation-v1 .exclamation_end .icon-keyboard-arrow-left{
width: 20px;
}
.swiper-slide.video{
width: 100%;height: 100%;
background: black;
}
.swiper-slide.video .video{
width: 100%;height: 100%;
background: black;
}
.adssigle .breadcrumbs{
display: flex;align-content: flex-start;
align-items: center;overflow: auto;width: 100%;white-space: nowrap;
}
.adssigle .breadcrumbs a{
color: var(--main-color);
margin: 0 5px;text-decoration: none;white-space: nowrap;
}
.adssigle .text-info{
margin: 1rem 0;line-height: 1.8;
}
.adssigle .text-info .time{
margin-top: 5px;
}
.adssigle .info-ads{
background: white;padding: 1rem;
}
.adssigle .info-ads .card-info{
margin: .5rem 0;padding-bottom: 0.5rem;border-bottom: 1.2px solid #ddd;
}
.adssigle .info-ads .card-info h4{
line-height: 1.8;
}
.adssigle .info-ads .card-info p{
line-height: 1.8;margin-top: 5px;color:#2b2d42;font-weight:500;font-size:13px
}
.single .glam-bax-item{
list-style: none;
width: 100%;margin-bottom: 1rem;
}
.single .glam-bax-item li{
display: flex;align-items: center;justify-content: space-between;border-bottom: 1.2px solid #ddd;padding: 0.8rem 0;
}
.single .glam-bax-item li .gright{
text-align: right;
}
.single .glam-bax-item li .gleft{
text-align: left;
}
.adssigle .info-ads .list-bax{
display: flex;
justify-content: space-around;
text-align: center;
margin-bottom: 0.3rem;
padding-bottom: 0.3rem;
border-bottom: 1.2px solid #ddd;
}
.adssigle .info-ads .list-bax .list-bax-item{
width: 100%;
border-left: 2px solid #ddd;
padding: 10px;
}
.adssigle .info-ads .list-bax .list-bax-item:last-child{
border-left: none;
}
.adssigle .info-ads .list-bax .list-bax-item .items2{
margin-top: 10px;
}
.adssigle .info-ads .card-info .ads-s-items{
list-style: none;
}
.adssigle .info-ads .card-info .ads-s-items .names{
margin: 10px 0;
}
.adssigle .info-ads .card-info .ads-s-items li{
display: flex;flex-direction: row;align-content: flex-start;align-items: center;justify-content: space-between;padding: 5px 0;
}
.modal{
display: none;
position: fixed;
width: 100%;
height: 100%;
left: 0;
z-index: 9999;
top: 0;
background: rgba(0, 0, 0, 0.6);
}
.modal .modal-content{
position: absolute;
bottom: -100%;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
left: 50%;
transform: translateX(-50%);
visibility: hidden;
opacity: 0;max-height: 70%;height: auto;
animation-duration: 0.5s;
width: 100%;padding: 20px 0;
background-color: white;
transition: all 0.2s ease;
}
.modal.show {
display: block;
opacity: 1;
}
.modal.show .modal-content {
bottom: 0;
visibility: visible;
opacity: 1;
animation: slideIn 0.5s forwards;
}
@keyframes slideIn {
from {
transform: translateX(-50%) translateY(100%);
opacity: 0;
}
to {
transform: translateX(-50%) translateY(0);
opacity: 1;
}
}
@keyframes slideOut {
from {
transform: translateX(-50%) translateY(0);
opacity: 1;
}
to {
transform: translateX(-50%) translateY(100%);
opacity: 0;
}
}
.modal .modal-content:after{
position: absolute;background: #ddd;left: 50%;top: 0;display: block;content:"";
padding: 1px;top: 0;width: 60px;height: 5px;
transform: translateX(-50%);border-radius: 5px;margin-top: 15px;
}
.modal .modal-content .modal-header{
border-bottom: 1.2px solid #ddd;margin-top: 0.5rem;display: flex;flex-direction: row;align-content: flex-start;align-items: center;justify-content: space-between;padding: 0px 20px 20px 20px;
}
.modal .modal-content .modal-header .modal-dialog-centered{
background: #999;overflow: hidden;width: 26px;height: 26px;
}
.modal .modal-content .modal-header .modal-dialog-centered svg{
width: 26px;height: 26px;padding: 2px;color: #fff;
}
.modal .modal-content .modal-body{
padding: 20px;
}
.modal .modal-content .modal-body a{
padding: 5px 0;display: flex;flex-direction: row;align-content: flex-start;align-items: center;text-decoration: none;margin-bottom: 1rem;
}
.modal .modal-content .modal-body a svg{
width: 24px;height: 24px;margin-left: 10px;color: #555;
}
.modal .modal-content .modal-body .bookmark{
padding: 5px 0;display: flex;flex-direction: row;align-content: flex-start;align-items: center;text-decoration: none;margin-bottom: 1rem;
}
.icon-bookmark{
width: 24px;height: 24px;margin-left: 10px;background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23555'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M17.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0 1 11.186 0Z' /%3e%3c/svg%3e");vertical-align: middle;object-fit: cover;display: block;content: "";
}
.icon-bookmark-o{
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23555'%3e%3cpath fill-rule='evenodd' d='M6.32 2.577a49.255 49.255 0 0 1 11.36 0c1.497.174 2.57 1.46 2.57 2.93V21a.75.75 0 0 1-1.085.67L12 18.089l-7.165 3.583A.75.75 0 0 1 3.75 21V5.507c0-1.47 1.073-2.756 2.57-2.93Z' clip-rule='evenodd' /%3e%3c/svg%3e");vertical-align: middle;object-fit: cover;width: 24px;height: 24px;margin-left: 10px;display: block;content: "";
}
.navbar-single{
background: white;position: fixed;width: 100%;padding: 1rem 1rem;border-top: 1px solid #ddd;border-radius: 30px 30px 0 0;
}
.navbar-single .navbar-single-page{
display: flex;flex-direction: row;align-content: flex-start;align-items: center;justify-content: center;
}
.navbar-single .navbar-single-page a{
vertical-align: middle;object-fit: cover;display: flex;flex-direction: row;align-content: flex-start;align-items: center;justify-content: center;text-decoration: none;color: white;
}
.navbar-single .navbar-single-page .phone{
width: 100%;background: var(--main-color);;
padding: 0.6rem;text-align: center;height: 50px;display: flex;flex-direction: row;align-content: flex-start;align-items: center;justify-content: center;color: white;
}
.navbar-single .navbar-single-page .phone svg{
width: 30px;height: 30px;margin-right: 10px;
}
.navbar-single .navbar-single-page .chat{
width: 50px;height: 50px;min-width: 50px;margin-right: 1rem;
}
.navbar-single .navbar-single-page .chat:after{
background: var(--main-color);z-index: -1;position: absolute;left: 0;top: 0;content: "";display: block;width: 50px;height: 50px;min-width: 50px;border-radius: 50%;opacity: 0.3;
}
.navbar-single .navbar-single-page .chat svg{
position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 30px;color: var(--main-color);
}
.navbar-cat{
position: fixed;bottom: 0;right: 0;width: 100%;max-width: 1024px;margin: auto;padding: 1rem;background: white;border-top: 1px solid #ddd;
}
.navbar-cat .confirmation{
width: 50%;height: 50px;background: var(--main-color);
}
.hidden {
display: none !important;
}
.navbar{
position: fixed;
width: 100%;
box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.07);
z-index: 100;
-webkit-bottom: 0;
background: rgba(255, 255, 255, 0.9);
-webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
overflow: hidden;
border-top: 1px solid rgba(0, 0, 0, 0.07);
}
.navbar .navbar-wrapper{
width: 100%;
max-width: 1024px;
margin: 0 auto;
}
.navbar .navbar-wrapper ul{
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;list-style: none;
}
.navbar .navbar-wrapper ul li{
padding: 1rem;
width: calc(100vw / 2);
}
.navbar .navbar-wrapper ul li.active{
position: relative;
top: 0;
left: 0;
}
.navbar .navbar-wrapper ul li.active a {
color: var(--main-color); }
.navbar .navbar-wrapper ul li.active:after{
background: var(--main-color);
height: 4px;
position: absolute;
width: calc(100% - 20%);
border-radius: 0 0 2px 2px;
top: 0;
left: 50%;
z-index: 100;
transform: translateX(-50%);
content: "";
}
.navbar .navbar-wrapper ul li span{
position: relative;
top: 0;
left: 0;
}
.navbar .navbar-wrapper ul li span:after{
background: var(--main-color);
position: absolute;
min-width: 8px;min-height: 8px;
border-radius: 50%;
top: 0;
left: 50%;
z-index: 100;
margin-top: -16px;
margin-left: 5px;
transform: translateX(-50%);
content: "";
}
.navbar .navbar-wrapper ul li svg{
width: 100%;
max-width: 25px;
height: auto;
}
.navbar .navbar-wrapper ul li{
display: block;
text-align: center;
font-size: 0.6rem;
font-weight: bold;
color: #7b7979;
text-decoration: none;
}
.navbar .navbar-wrapper ul li a{
display: block;
text-align: center;
font-size: 0.6rem;
font-weight: bold;
color: #7b7979;
text-decoration: none;
}
.navbar .navbar-wrapper ul li p{
margin-top: 5px;
}
.add-ads-new{
position: fixed;
left: 50%;bottom: 0;transform: translateX(-50%);
margin-bottom: 6rem;
display: flex;align-items: center;
background: var(--main-color);
width: auto;padding: 6px 16px;text-decoration: none;transition: margin-bottom 0.3s ease;
}
.add-ads-new svg{
width: 30px;height: 30px;margin-left: 10px;
}
.message{
position: fixed;z-index: 1000;background-color: rgb(0,0,0);
background-color: rgba(51,58,64,0.8);
backdrop-filter: blur(10px);left:50%;
width: calc(100% - 20px);max-width: 500px;
border-radius: 10px;padding: 15px 10px;line-height: 20px;overflow: hidden;transform: translateX(-50%) translateX(0);
}
.message.showbottom{
margin-bottom: 1rem;bottom: 0;
animation: messhowbottom 1.1s ease 0s 1 normal forwards;
}
.message.showtop{
margin-top: 1rem;top: 0;animation: messhowtop 1.1s ease 0s 1 normal forwards;
}
.message:after{
position: absolute;left: 0;bottom: 0;
display: block;content: "";background: #cacaca;width: 0%;height: 4px;border-radius: 5px;animation: messagebar 8s forwards;margin: auto;
}
@keyframes messagebar {
0% {
width: 0;
}
100% {
width: 100%;
}
}
.message h3{
color: #FEFEFE;font-size: 14px;
margin-bottom: 5px;
}
.message p{
font-size: 12px;font-weight: 500;line-height: 20px;color: #FEFEFE;
}
@keyframes messhowbottom { 0% { animation-timing-function: ease-in; opacity: 0; transform:translateX(-50%) translateY(250px); }38% { animation-timing-function: ease-out; opacity: 1; transform:translateX(-50%) translateY(0); }55% { animation-timing-function: ease-in; transform:translateX(-50%) translateY(65px); }72% { animation-timing-function: ease-out; transform:translateX(-50%) translateY(0); }81% { animation-timing-function: ease-in; transform:translateX(-50%) translateY(28px); }90% { animation-timing-function: ease-out; transform:translateX(-50%) translateY(0); }95% { animation-timing-function: ease-in; transform:translateX(-50%) translateY(8px); }100% { animation-timing-function: ease-out; transform:translateX(-50%) translateY(0); } }
@keyframes messhowtop { 0% { animation-timing-function: ease-in; opacity: 0; transform:translateX(-50%) translateY(-250px); } 38% { animation-timing-function: ease-out; opacity: 1; transform:translateX(-50%) translateY(0); } 55% { animation-timing-function: ease-in; transform:translateX(-50%) translateY(-65px); } 72% { animation-timing-function: ease-out; transform:translateX(-50%) translateY(0); } 81% { animation-timing-function: ease-in; transform:translateX(-50%) translateY(-28px); } 90% { animation-timing-function: ease-out; transform:translateX(-50%) translateY(0); } 95% { animation-timing-function: ease-in; transform:translateX(-50%) translateY(-8px); } 100% { animation-timing-function: ease-out; transform:translateX(-50%) translateY(0); }}
.New_LoadingWrapper{
left: 50%;top: 50%;transform: translate(-50%, -50%);position: absolute;z-index: 10;max-height: 22px;
}
.loading-container.loadingcenter{
position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);height: 25px;
}
.loading{
animation:.75s step-end infinite none;animation-name:loading;color: #fff;
}
@keyframes loading{12.5%{transform:rotate(45deg)}25%{transform:rotate(90deg)}37.5%{transform:rotate(135deg)}50%{transform:rotate(180deg)}62.5%{transform:rotate(225deg)}75%{transform:rotate(270deg)}87.5%{transform:rotate(315deg)}to{transform:rotate(1turn)}}
.modalmap{
display: none;
position: fixed;
left: 0;top: 0;z-index: 100;
background: white;
width: 100%;height: 100%;background: white;
}
.modalmap .modalmap-content{
width: 100%;height: 100%;overflow: hidden;
}
.modalmap .modalmap-content button{
background: transparent;border: none;
}
.modalmap .modalmap-content #mapaingle{
width: 100%;
height: 100%;
}
.modalmap .modalmap-content #closeModalMap{
position: absolute;
right: 10px;top: 10px;z-index: 10;width: 40px;height: 40px;background: #fff;min-height: 40px;box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
}
.modalmap .modalmap-content #closeModalMap svg{
width: 30px;height: 30px;position: absolute; top: 50%;left: 50%; transform: translate(-50%, -50%);
}
.modalmap .modalmap-content #mapaingle a{
display: none;
}
.modalmap .modalmap-content .modalmap-button{
position: absolute;left: 0;bottom: 10px;z-index: 10;width: 100%;padding: 10px;text-align: center;
}
.modalmap .modalmap-content .modalmap-button div{
background: var(--main-color);width: 100%;padding: 15px 10px;box-shadow: -1px 14px 30px 0px rgba(0, 0, 0, 0.1);
}
#location-info{
position: absolute;left: 50%;transform: translateX(-50%);bottom: 80px;z-index: 10;width: calc(100% - 100px);height: 40px;padding: 10px;text-align: center;background: #fff;box-shadow: -1px 14px 30px 0px rgba(0, 0, 0, 0.1);
}
#location-info #coordinates{
width: 100%;
}
.ol-zoom{
position: absolute;left: 10px;bottom: 5.8em;
display: inline-block;
overflow: hidden;border-radius: 3px;box-shadow: -1px 14px 30px 0px rgba(0, 0, 0, 0.1);background: white;
}
.ol-control button{
display: block;background: #ffffff;
padding: 0;
color: #666;
font-size: 1.5em;
font-weight: 500;
text-decoration: none;
text-align: center;
min-height: 1.5em;
min-width: 1.5em;position: relative;left: 0;top: 0;vertical-align: middle;
}
.ol-rotate{
transition: opacity .25s linear, visibility 0s linear;
position: absolute;right:10px;bottom: 8.4em;
display: inline-block;
overflow: hidden;border-radius: 3px;box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
}
.ol-rotate.ol-hidden {
opacity: 0;
visibility: hidden;
transition: opacity .25s linear, visibility 0s linear .25s;
}
.ol-control button.ol-zoom-in{
border-bottom: 1.2px solid #d0d0d0;
color: transparent;
}
.ol-control button.ol-zoom-out{
color: transparent;
}
.ol-control button.ol-rotate-reset{
color: transparent;background: #ffffff;
}
.ol-control button.ol-zoom-in:after{
content: ""; position: absolute; width: 18px;height: 18px;top: 50%;left: 50%; transform: translate(-50%, -50%); z-index: 100; display: block; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23666'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M12 4.5v15m7.5-7.5h-15' /%3e%3c/svg%3e ");background-size: cover;
}
.ol-control button.ol-zoom-out:after{
content: ""; position: absolute; width: 18px;height: 18px;top: 50%;left: 50%; transform: translate(-50%, -50%); z-index: 100; display: block; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23666'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M5 12h14' /%3e%3c/svg%3e ");background-size: cover;
}
.ol-compass {
display: block;
content: "";
position: absolute;
width: 1.5em;
height: 1.5em;
left: 0;top: 0;bottom: 0;right: 0;
margin: auto;
z-index: 100;
display: block;
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23777'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath d='M10.5 16l4 8 4-8h-8z' fill='%23999'/%3E%3C/svg%3E");
background-size: cover;
}
#current-location{
position: absolute;right:10px;bottom: 6em;
display: inline-block;
overflow: hidden;border-radius: 3px;box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);background: white;min-height: 2.4em;
min-width: 2.4em;
}
#current-location svg{
width: 1.7em;
height: 1.7em;
position: absolute; width: 18px;height: 18px;top: 50%;left: 50%; transform: translate(-50%, -50%); z-index: 100; display: block;color: #777;
}
.category-search-results .subcat-item{
background: #F4F4F4;margin-bottom: 10px;border-radius: 10px;padding: 15px 10px;font-weight: 500;display: flex;align-items: center;
}
.category-search-results .subcat-item img{
width: 25px;margin-left: 10px;
}
.mappreview{
width: 100%;overflow: hidden;margin-top: 1rem;
}
.mappreview img{
height: 350px;min-height: 350px;width: 100vmax;border-radius: 15px;vertical-align: middle;object-fit: cover;box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
}
.categoryModal{
width: 100%;height: 100%;
background: white;display: none;z-index: 1000;background: #00000089;padding-top: 180px;
}
.categoryModal .catml-ct{
background: white;position: fixed;left: 50%;bottom: 0;border-top-right-radius: 15px;border-top-left-radius: 15px;visibility: visible;
opacity: 1;
animation: slideIn 0.5s forwards;
transform: translateY(-50%);
width: 100%;max-height: 80%;height: auto;overflow: auto;
}
.categoryModal .catml-ct .catModal-headers{
position: relative;right: 0;top: 0;position: sticky;left: 0;top: 0;z-index: 2;background: white;padding-top: 0.5rem;
}
.categoryModal .catml-ct .catModal-header{
display: flex;align-items: center;justify-content: center;
padding: 20px 10px;
border-bottom: 1.2px solid #ddd;position: relative;left: 0;top: 0;
}
.categoryModal .catml-ct .catModal-header:after{
position: absolute;left: 50%;transform: translateX(-50%);top: 0;width: 70px;height: 5px;background: #DCDCE4;content: "";display: block;margin-top: 0px;border-radius: 5px;
}
.categoryModal .catml-ct .catModal-header .catModal-close{
background: #F1F4F9;width: 30px;height: 30px;border-radius: 50%;position: absolute;right: 0;top: 50%;transform: translateY(-50%);margin-right: 10px;
}
.categoryModal .catml-ct .catModal-header .catModal-close svg{
width: 30px;height: 30px;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);color: #647589;
}
.categoryModal .catml-ct .catModal-header .catModal-name{
margin-top: 5px;
}
.categoryModal .catml-ct .catModal-body{
padding: 10px;
}
.categoryModal .catml-ct .catModal-body .mainCategories{
margin-bottom: 1rem;
display: flex;
flex-wrap: wrap;
}
.categoryModal .catml-ct .catModal-body .mainCategories .mainCategorie{
width: calc(50% - 10px);margin: 5px;
transition: 0.3s ease-out;padding: 10px;background: #F4F4F4;border-radius: 10px;
}
.categoryModal .catml-ct .catModal-body .mainCategories .mainCategorie .catright{
display: flex;align-items: center;
}
.categoryModal .catml-ct .catModal-body .mainCategories .mainCategorie .catright img{
width: 25px;margin-left: 10px;
}
.categoryModal .catml-ct .catModal-body .mainCategories .mainCategorie .catleft{
text-align: left;
width: 20px;height: 20px;top: 50%;transform: translateY(-50%);color: #647589;
}
.categoryModal .catml-ct .catModal-body .mainCategories .subcategories{
opacity: 0;transition: opacity 0.3s ease-out;max-height: 0;display: none;
width: 100%;
}
.categoryModal .catml-ct .catModal-body .mainCategories .subcategories.show {
max-height: 100%;opacity:1;display: block;
}
.categoryModal .catml-ct .catModal-body .mainCategories .subcategories.show .subcat-item{
background: #F4F4F4;margin-bottom: 10px;border-radius: 10px;padding: 10px;font-weight: bold;
}
.form-searchmodal{
padding: 10px 10px 0 10px;
}
.form-searchmodal .searchmodal{
display: flex;align-items: center;width: 100%;border: 2px solid #DCDCE4;padding: 5px 10px;border-radius: 10px;
}
.form-searchmodal .searchmodal svg{
width: 25px;height: 25px;color: #6F6E74;
}
.form-searchmodal .searchmodal button{
width: 25px;height: 25px;background: transparent;margin-left: 10px;
}
.form-searchmodal .searchmodal input{
width: 100%;padding: 0.7rem 0 0.7rem 2rem;color: #6F6E74;
}
.form-searchmodal .searchmodal input::-webkit-search-cancel-button{
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg stroke-width='0'%3e%3c/g%3e%3cg stroke-linecap='round' stroke-linejoin='round'%3e%3c/g%3e%3cg%3e%3cg%3e%3cpath id='Vector' d='M21 21L12 12M12 12L3 3M12 12L21.0001 3M12 12L3 21.0001' stroke='%239BA0A6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/svg%3e");margin-left: 2px;position: absolute;left: 0;top: 50%;z-index: 0;width: 18px;height: 18px;-webkit-appearance: none;transform: translateY(-50%);vertical-align:middle;background-position: center;background-size: cover;
}
.form-searchmodal .searchmodal .loader-searchmodal {
width: 22px;min-width: 22px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);margin-left: 10px;z-index: 2;height: 22px;border: 2.5px solid #aaa;border-bottom-color: transparent;
border-radius: 50%;
display: inline-block;
box-sizing: border-box;
animation: loader-searchmodal 1s linear infinite;background: white;}
@keyframes loader-searchmodal {
0% {transform: translateY(-50%) rotate(0deg);} 100% {transform: translateY(-50%) rotate(360deg);}}
.slug-username{
margin-bottom: 20px;
}
.slug-username .input-slug-username{
display: flex;align-items: center;direction: ltr;height: 50px;border: 1.2px solid #ddd;padding: 0 10px;border-radius: 10px;margin: 10px 0;
}
.slug-username .input-slug-username input{
width: 100%;height: 100%;
}
.slug-username .input-slug-username input::placeholder{
color: #333;
}
.slug-username .slug-username-text{
line-height: 1.8;
}
.headerChats{
position: fixed;left: 0;top:0;overflow: hidden;width: 100%;background: white;z-index: 100;height: 70px;border-bottom: 1.2px solid #eee;
}
.chats_home_header{
background: white;position: absolute;top: 0;right: 0;width: 40%;
}
.chats_home_header .chats_home_header-page{
display: flex;flex-direction: row;align-items: center;height: 70px;padding: 0rem 0.8rem;justify-content: space-between;
}
.chats_home_header .chats_home_header-page .header-right{
text-align: right;
}
.chats_home_header .chats_home_header-page .header-right div{
width: 25px;height: 25px;
}
.chats_home_header .chats_home_header-page .header-right svg{
width: 25px;position: absolute;left: 50%;top: 50%;transform: translate(-50% , -50%);color: #888;
}
.chats_home_header .chats_home_header-page .header-center{
text-align: center;
}
.chats_home_header .chats_home_header-page .header-left{
text-align: left;
}
.chats_home_header .chats_home_header-page .header-left div{
width: 25px;height: 25px;
position: relative;left: 0;top: 0;color: #555;
}
.chats_home_header .chats_home_header-page .header-left .header-se-icon{
width: 25px;height: 25px;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);
}
.chat-header{
background: white;position: absolute;left: 0;top: 0;z-index: 10;width: 60%;
}
.chat-header .chat-header-page{
display: flex;align-items: center;height: 70px;justify-content: space-between;padding: 0rem 0.8rem;
}
.chat-header .chat-header-page .chat-back{
margin-left: 10px;width: 35px;height: 35px;color: #777;transition: 0.3s all;
opacity: 0;transition: background 0.5s ease-out;
}
.chat-header .chat-header-page .chat-back:active{
background: #ddd;
}
.chat-header .chat-header-page .chat-back svg{
width: 25px;left: 50%;top: 50%;transform: translate(-50%, -50%);
}
.chat-header .chat-header-page .chat-icon{
display: flex;align-items: center;
}
.chat-header .chat-header-page .chat-icon img{
width: 50px;height: 50px;border: 1px solid #ddd;border-radius: 30%;vertical-align: middle;
}
.chat-header .chat-header-page .chat-name{
margin-right: 0px;
}
.chat-header .chat-header-page .chat-name h3{
display: flex;align-items: center;
}
.chat-header .chat-header-page .chat-name h3 svg{
color: rgb(29, 155, 240);width: 20px;height: 20px;margin-right: 5px;
}
.chat-header .chat-header-page .chat-name p{
margin-top: 5px;
}
.flexwrap{
display: flex;flex-wrap: wrap;
width: 100%;height: 100%;
}
.flexwrap .itemCats1{
width: 40%;position: relative;left: 0;top: 0;height: 100%;
}
.flexwrap .itemCats2{
width: 60%;position: relative;left: 0;top: 0;height: 100%;
}
.activeChats{
height: 100vh;overflow-y:auto;overflow-y:overlay;scrollbar-width:thin;-ms-overflow-style:none;padding:0 1rem;
}
.activeChats a:first-child .newchat{
margin-top: 5.5rem;
}
.activeChats a:last-child .newchat{
margin-bottom: 7.5rem;
}
.activeChats .newchat{
display: flex;
align-items: center;
width: 100%;background: white;
padding: 1rem 0.5rem;
margin-bottom: 1rem;
}
.activeChats .newchat img{
width: 65px;height: 65px;border-radius: 30%;
}
.activeChats .newchat .newchat-name{
flex: 1 1 100%; min-width: 0; padding: 0 0.5rem;
}
.activeChats .newchat .newchat-name h3{
display: flex;align-items: center;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.activeChats .newchat .newchat-name h3 svg{
color: rgb(29, 155, 240);width: 20px;height: 20px;margin-right: 5px;min-width: 20px;
}
.activeChats .newchat .newchat-name p{
margin-top: 5px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.activeChats .newchat .chatsitems{
width: 100%;
display: flex;align-items: center;justify-content: space-between;
min-height: 30px;
}
.activeChats .newchat .chatsitems .numbermessages{
background: var(--main-color);
width: 23px;height: 23px;min-width: 23px;
}
.activeChats .newchat .chatsitems .numbermessages span{
left: 50%;top: 50%;transform: translate(-50%, -50%);
}
.glamchat {
width: 100%;height: 100vh;overflow-y: auto;scrollbar-width: thin;-ms-overflow-style: none;direction: ltr;text-align: right;flex-grow: 1;overflow-y: auto;display: flex;flex-direction: row-reverse;box-sizing: border-box;direction: ltr;mix-blend-mode: multiply;
}
.glamchat .glamchat-list{
margin-top: 5rem;margin-bottom:8rem;
padding-left:1rem
}
.glamchat .chat-message{
width: 90%;
margin-top: 1rem;
}
.glamchat .chattimestyle{
display: flex;justify-content: center;margin-top: 1rem;direction: rtl;
}
.glamchat .chattimestyle .chattime{
text-align: center;background-color: #ADADAD;padding: 6px 15px;
}
.glamchat .chat-message .chat-message-text{
padding: 10px;background: white;border-radius:10px;
}
.glamchat .chat-message .chat-message-text p{
font-size: 14px;font-weight: 500;line-height: 1.8;
}
.glamchat .chat-message .chat-message-text .chattime{
margin-top: 10px;
text-align: left;
}
.glamchat .chat-message .list-inlinebuttom{
display: flex;align-items: center;width: 100%;
}
.glamchat .chat-message .list-inlinebuttom a{
width: 100%;
}
.glamchat .chat-message .list-inlinebuttom a:last-child{
margin-right: 10px;
}
.glamchat .chat-message .inlinebuttom{
background: var(--main-color);padding: 0.8rem;text-align: center;font-size: 13px;font-weight: 500;margin-top: 1rem;color: white;width: 100%;
}
.flexwrap.home .text-info-chats{
width: 100%;position: absolute;z-index: 10;left: 50%;top: 50%;transform: translate(-50%, -50%);text-align: center;
}
.flexwrap.single .glamchat.single,
.headerChats.home .chats_home_header {
width: 100%;
display: block;
}
.flexwrap.home .glamchat.single,
.headerChats.home .chat-header {
display: none;
}
.flexwrap.home .itemCats2 {
display: block;
}
.alert-message{
position: fixed;
top: 10px;left: 50%;transform: translateX(-50%);
width: calc(100% - 20px);padding: 10px 15px 10px 40px;border-radius: 10px;font-size: 12px;font-weight: 500;z-index: 999999;display: none;line-height: 1.8;
}
.alert-message.error{
background-color: #ffe5e5;color: #b10000;border: 1px solid #ffa5a5;
}
.alert-message.success{
background-color: #E7F6EF;color: #0DA860;border: 1px solid #0DA860;
}
.alert-message.success:after{
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%230DA860' viewBox='0 0 16 16'%3e%3cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z'/%3e%3c/svg%3e");position: absolute;left: 0;top: 50%;display: block;content: "";width: 25px;height: 25px;transform: translateY(-50%);margin-left: 10px;
}
.alert-message.error:after{
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23ffa5a5'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='m9.75 9.75 4.5 4.5m0-4.5-4.5 4.5M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z' /%3e%3c/svg%3e");position: absolute;left: 0;top: 50%;display: block;content: "";width: 30px;height: 30px;transform: translateY(-50%);margin-left: 10px;
}
@keyframes alertslideFadeIn {
from {
opacity: 0;
transform: translateX(-50%) translateY(-10px);
} to {
opacity: 1;
transform: translateX(-50%) translateY(0);
}
}
@keyframes alertslideFadeOut {
from {
opacity: 1;
transform: translateX(-50%) translateY(0);
} to {
opacity: 0;
transform: translateX(-50%) translateY(-40px);
}
}
.help-content{
background: white;
}
.help-contenth1{
font-size: 22px;
line-height: 38px;
font-weight: 700;
margin: 15px 0 10px;
}
.help-content h2 {
font-size: 20px;
line-height: 34px;
font-weight: 600;
margin: 15px 0 10px;
}
.help-content h3 {
font-size: 18px;
line-height: 30px;
font-weight: 600;
margin: 15px 0 10px;
}
.help-content h4 {
font-size: 16px;
line-height: 28px;
font-weight: 600;
margin: 12px 0 8px;
}
.help-content h5 {
font-size: 15px;
line-height: 26px;
font-weight: 500;
margin: 12px 0 8px;
}
.help-content h6 {
font-size: 14px;
line-height: 24px;
font-weight: 500;
margin: 10px 0 8px;
}
.help-content p {
font-size: 14px;font-weight: 500;
line-height: 1.8;
margin: 12px 0;
color: #222;
}
.help-content ul, .help-content ol {
margin: 12px 0;
padding-right: 20px;
padding-left: 0;
}
.help-content li {
margin-bottom: 8px;
font-size: 13px;
line-height: 24px;
}
.help-content a {
font-size: 14px;
color: var(--main-color);
text-decoration: none;
}
.help-content blockquote {
font-size: 15px;font-weight: 400;
line-height: 1.6;
font-style: italic;
color: #555;
border-right: 4px solid var(--main-color);;
border-left: none;
padding-right: 12px;
margin: 15px 0;
}
.help-content code {
font-size: 13px;
background-color: #f5f5f5;
padding: 2px 4px;
border-radius: 3px;
color: #c7254e;
direction: ltr;
display: inline-block;
}
.help-content table {
width: 100%;
border-collapse: collapse;
margin: 15px 0;
font-size: 13px;
}
.help-content small {
font-size: 11px;
color: #888;
}
.page-content{
margin-top: 2rem;border-radius: 30px 30px 0 0;padding: 1rem;background: #fff;position: relative;left: 0;top: 0;z-index: 1;
}
.page-content:after{
position: absolute;left: 0;top: 0;width: 100%;min-height: 150px;background: #fff;display: block;content: "";z-index: -1;border-radius: 30px 30px 0 0;
}
.page-content h1{font-size:22px;line-height:38px;font-weight:800;margin:15px 0 10px}.page-content h2{font-size:20px;line-height:34px;font-weight:700;margin:15px 0 10px}.page-content h3{font-size:18px;line-height:30px;font-weight:bold;margin:15px 0 10px}.page-content h4{font-size:16px;line-height:28px;font-weight:500;margin:12px 0 8px}.page-content h5{font-size:15px;line-height:26px;font-weight:400;margin:12px 0 8px}.page-content h6{font-size:14px;line-height:24px;font-weight:400;margin:10px 0 8px}.page-content p{font-size:14px;font-weight:400;line-height:1.8;margin:12px 0;color:#222}.page-content ul,.page-content ol{margin:12px 0;padding-right:20px;padding-left:0}.page-content li{margin-bottom:8px;font-size:13px;line-height:24px;font-weight:400}.page-content a{font-size:14px;color:var(--main-color);text-decoration:none;font-weight:400}.page-content blockquote{font-size:15px;font-weight:300;line-height:1.6;font-style:italic;color:#555;border-right:4px solid var(--main-color);border-left:none;padding-right:12px;margin:15px 0}.page-content code{font-size:13px;background-color:#f5f5f5;padding:2px 4px;border-radius:3px;color:#c7254e;direction:ltr;display:inline-block;font-weight:400}.page-content table{width:100%;border-collapse:collapse;margin:15px 0;font-size:13px;font-weight:400}.page-content small{font-size:11px;color:#888;font-weight:300}
img.lazyblur {
filter: blur(5px);
opacity: 0.7;
transition: filter 0.8s ease, opacity 0.8s ease;
}
img.lazyblur.loaded {
filter: blur(0);
opacity: 1;
}
.popularcity{
width: 100%;margin-top: 10px;
}
.popularcity h3.name{
margin-bottom: 10px;margin-right: 10px;
}
.popularcity{
width: 100%;
}
.popularcity h3.name{
margin-bottom: 10px;margin-right: 10px;
}
.popularcity .popularcity-list{
overflow: auto;
width: 100%;
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-content: flex-start;
height: 190px;padding-right: 10px;
}
.popularcity .popularcity-list .popularcitynew{
display: flex;align-items: center;margin: 5px;;
}
.popularcity .popularcity-list .popularcitynew .popularcitylogo{
width: 80px;height: 80px;width: 80px;height: 80px;overflow: hidden;border-radius: 10px;
}
.popularcity .popularcity-list .popularcitynew .popularcitylogo img{
width: 100%;height: 100%;
}
.popularcity .popularcity-list .popularcitynew .popularcity-info{
margin-right: 10px;display: inline-block;
}
.popularcity .popularcity-list .popularcitynew .popularcity-info h3{
padding-top: 5px;display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;width: 80px;
}
.ModalNew {
position: fixed; bottom: 0; left: 0; width: 100%; height: 100%;
background: rgba(0, 0, 0, 0.4);
visibility: hidden; opacity: 0;
transition: visibility 0s linear 0.3s, opacity 0.3s;
z-index: 999999;
}
.ModalNew.show {
visibility: visible; opacity: 1;
transition-delay: 0s;
}
.ModalNew .modal-content {
background: #fff;
border-radius: 16px 16px 0 0;
width: 100%;
max-width: 500px;height: 80%;height: auto;
transform: translate(-50%, 100%);
animation: slide-up-modalNew 0.3s forwards;
position: absolute;max-height: 80%;height: auto;overflow: auto;
left: 50%;
bottom: 0;
will-change: transform;
}
.ModalNew .ModalNew-header{
display: flex;align-items: center;justify-content: center;width: 100%;min-height: 65px;position: relative;margin-bottom: 10px;position: sticky;left: 0;top: 0;z-index: 46;background: white;border-radius: 16px 16px 0 0;
}
.ModalNew .ModalNew-header:after{
position: absolute;left: 50%;transform: translateX(-50%);top: 0;width: 70px;height: 5px;background: #DCDCE4;content: "";display: block;margin-top:8px;border-radius: 5px;
}
.ModalNew .ModalNew-header .name-right{
position:absolute;right: 0;top: 50%;transform: translateY(-50%);margin-right:60px;
}
.ModalNew .ModalNew-header .name-center{
position:absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);
}
.ModalNew .ModalNew-header .buttonajax{
position:absolute;right: 0;top: 50%;transform: translateY(-50%);width: 40px;margin-right: 15px;text-align: center;
}
.ModalNew .ModalNew-header .buttonajax button{
background: transparent;
}
.ModalNew .ModalNew-header .buttonajax.icon{
width: 30px;height: 30px;background: var(--main-color);border-radius: 50%;
}
.ModalNew .ModalNew-header .buttonajax.icon button svg{
width: 25px;height: 25px;position:absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);color: white;
}
.ModalNew.MNright .ModalNew-header .buttonajax{
position:absolute;left: 0;top: 50%;transform: translateY(-50%);margin-left: 15px;display: block;right: auto;
}
.ModalNew.MNright .close {
right: 0;margin-right:10px;margin-left: auto;
}
.ModalNew .close {
position:absolute;left: 0;top: 50%;transform: translateY(-50%);width: 30px;height: 30px;margin-left: 10px;cursor: pointer;background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23999'><path stroke-linecap='round' stroke-linejoin='round' d='M6 18 18 6M6 6l12 12' /></svg>");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
transition: background-image 0.4s ease;
cursor: pointer;
display: inline-block;
}
.ModalNew .modal-content .ModalNew-body{
color: #333;margin: 1.5rem 1rem;
}
.ModalNew .modal-content .ModalNew-body.padding{
background:#ddd;padding: 1rem;overflow: hidden;
}
.ModalNew .modal-content .ModalNew-body a{
color: #333;
}
.ModalNew .modal-content .ModalNew-body .modalnew-items{
display: flex;align-items: center;padding: 10px 5px;
}
.ModalNew .modal-content .ModalNew-body .modalnew-items svg{
width: 25px;height: 25px;margin-left: 15px;
}
.ModalNew.hide .modal-content {
animation: slide-down-modalNew 0.3s forwards;
}
@keyframes slide-up-modalNew {
from { transform: translate(-50%, 100%); }
to { transform: translate(-50%, 0); }
}
@keyframes slide-down-modalNew {
from { transform: translate(-50%, 0); }
to { transform: translate(-50%, 100%); }
}
@media screen and (min-width: 768px) {
.galleri .swiper-slide {
width: 50%;
}
.ModalGallery .ModalGallery-close{
width: 50px;height: 50px;
}
.ModalGallery .ModalGallery-close svg{
width: 40px;height: 40px;
}
.category-search-results .subcat-item{
background: #F4F4F4;margin-bottom: 10px;border-radius: 10px;padding: 15px 10px;font-weight: 500;display: flex;align-items: center;
}
.category-search-results .subcat-item img{
width: 25px;margin-left: 10px;
}
.mappreview img{
height: 300px;min-height: 300px;
}
}
@media only screen and (max-width: 600px) {
.mapmobile{
display: block;
}
.mapdesktop{
display: none;
}
.single .adssigle{
z-index: 0;left: 0;top: -30px;background: #F2F2F7;content: "";display: block;width: 100%;border-radius: 30px 30px 0 0;padding: 1rem;
}
.single .swiper-pagination{
margin-bottom: 45px;
}
.single-sidebar-right{
width: 100%;padding: 0;
}
.single-sidebar-right .mappreview{
padding-right: 0rem;
}
.single .adssigle{
width: 100%;
}
.chat-header .chat-header-page .chat-back{
opacity: 1;
}
.headerChats.single .chats_home_header,
.headerChats.home .chat-header {
display: none;
}
.headerChats.single .chat-header,
.headerChats.home .chats_home_header,
.flexwrap.single .itemCats2,
.flexwrap.home .itemCats1 {
width: 100%;
}
.flexwrap.single .itemCats1,
.flexwrap.home .text-info-chats {
display: none;
}
}
@media (max-width:574px) {
.adslist .list-ads-block{
width: calc(100% - 16px);
}
.glam-profile .glam-profile-content{
width: calc(100% - 30px);margin: 15px;
}
.mappreview{
height: 220px;
}
.categoryModal .catml-ct .catModal-body .mainCategories .mainCategorie{
width: 100%;
}
.mappreview img{
height: 200px;min-height: 200px;
}
}
@media(max-width:375px){
.popularcity h3.name{
font-size: 12px;
}
.popularcity .popularcity-list .popularcitynew .popularcitylogo{
width: 70px;height: 70px;border-radius: 10px;
}
.popularcity .popularcity-list .popularcitynew .popularcity-info small{
font-size: 9px;
}
.popularcity .popularcity-list .popularcitynew .popularcity-info h3{
padding-top: 2px;font-size: 13px;width: 85px;
}
}
@media (max-width:320px) {
.search-header .form-search input{
width: 100%;padding: 1rem 0.8rem;background: transparent;color: white;font-size: 10px;
}
.search-header .form-search input::placeholder{
color: white;font-size: 10px;
}
.adslist .list-ads-block .list-ads-block-info h3{
line-height: 20px;
font-size: 14px;height: 45px;min-height: 45px;max-height: 45px;
}
.adslist .list-ads-block .list-ads-block-info .itme1{
margin-top: 8px;
font-size: 10px;
}
.adslist .list-ads-block .list-ads-block-info .itme2{
margin-top: 8px;font-size: 10px;
}
.adslist .list-ads-block .list-ads-block-img{
width: 100px;min-width: 100px;min-height: 100px;height: 100px;
}
.mappreview img{
height: 150px;min-height: 150px;
}
.popularcity .popularcity-list .popularcitynew .popularcitylogo{
width: 70px;height: 70px;border-radius: 10px;
}
.popularcity .popularcity-list .popularcitynew .popularcity-info small{
font-size: 8px;
}
.popularcity .popularcity-list .popularcitynew .popularcity-info h3{
padding-top: 2px;font-size: 12px;width: 50px;
}
}