* {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
main {
background-color: #fff;
height: 100%;
display: flex;
flex-direction: column;
}
body {
margin: 0px;
color: rgba(0, 0, 0, 0.87);
font-family: Gilroy, Helvetica, Arial, sans-serif;
font-size: 1rem;
line-height: 1.5;
letter-spacing: 0.00938em;
background-color: #fff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
min-height: 100%;
margin: 0;
}
body.no-scroll {
overflow:hidden;
height:100vh;
}
body.no-scroll #main {
position:relative;
}
@keyframes nav {
0% {
transform: translateY(100%);
}
100% {
transform: translateY(0px);
}
}
@-webkit-keyframes nav {
0% {
transform: translateY(100%);
}
100% {
transform: translateY(0px);
}
}
@keyframes pop {
from {
height:0px;
}
to {
height:95%;
}
}
@-webkit-keyframes pop {
from {
height:95%;
}
to {
height:0;
}
}
@keyframes autofill-cancel {
0% {
display: block;
}
}
@-webkit-keyframes autofill-cancel {
0% {
display: block;
}
}
nav {
box-shadow: rgba(95, 60, 38, 0.12) 0px 2px 15px 0px;
height: 72px;
background-color: rgb(255, 255, 255);
display: flex;
width: 100%;
justify-content: space-around;
-webkit-box-align: center;
align-items: center;
margin-top: auto;
padding: 12px 0px 24px;
animation-name: nav;
animation-duration: 0.5s;
animation-fill-mode: both;
position: fixed;
bottom: 0px;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 500ms;
padding:0;
margin:0;
}
nav ul {
display: flex;
padding:0px;
margin:0px;
width:100%;
}
.hide-nav{
display:none;
}
nav li {
display: flex;
flex-direction: column;
-webkit-box-align: center;
align-items: center;
flex-grow:1;
}
nav a {
display: flex;
flex-direction: column;
-webkit-box-align: center;
align-items: center;
text-decoration: none;
}
.category-back {
margin-left: -4px;
margin-right: 6px;
}
nav button{
color: inherit;
text-align: center;
flex: 0 0 auto;
border-radius: 50%;
overflow: visible;
color: rgba(0, 0, 0, 0.54);
transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
padding: 5px;
font-size: 1.125rem;
}
nav button spam {
overflow: hidden;
pointer-events: none;
position: absolute;
z-index: 0;
inset: 0px;
border-radius: inherit;
}
nav p {
margin: 0px;
font-size: 1rem;
line-height: 1.5;
letter-spacing: 0.00938em;
font-size: 12px;
text-decoration: none;
color: rgb(136, 132, 131);
}
nav svg {
user-select: none;
width: 1em;
height: 1em;
display: inline-block;
fill: currentcolor;
flex-shrink: 0;
transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
font-size: 1.5rem;
fill: rgb(255, 255, 255);
}
nav svg path {
stroke: #888483;
}
#container {
display: flex;
flex-direction: column;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
height:min-content;
background:#fff;
}
header {
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: justify;
justify-content: space-between;
width: 100%;
margin-top: 10px;
min-height:36px;
}
.category-header,.category-search,.install-header {
padding: 0px 5% 0px 5%;
}
.category-search button:first-child {
padding-left: 13px;
}
.category-search {
margin-top: 22px;
}
.search-filters {
padding-right: 5px;
}
.search-action {
padding-right: 7px;
}
.category-search button svg path {
stroke: #c0c0c0;
}
.input-focus button svg path {
stroke: #865233;
}
.password-box.input-focus button svg path {
stroke: #fff;
}
#container {
}
header.offers-header {
padding: 0px 5% 0px 5%;
}
#content {
width: 100%;
height:100%;
}
.content-h1,.h1-title .confirm-title{
margin: 0px;
font-size: 1rem;
line-height: 1.5;
letter-spacing: 0.00938em;
font-size:20px;
font-weight: 700;
color: rgb(17, 9, 6);
text-transform: capitalize;
margin-right: auto;
}
.category .ul-list {
margin: 32px 5%;
}
.btn-icon {
text-decoration: none;
color: inherit;
text-align: center;
flex: 0 0 auto;
font-size: 1.5rem;
border-radius: 50%;
overflow: visible;
color: rgba(0, 0, 0, 0.54);
transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.profile .offers-total,
.fav-offers .offers-total,
.fav-offers .main-filters{
display:none;
}
.profile h1 {
font-size: 22px;
}
.content-search span {
overflow: hidden;
pointer-events: none;
position: absolute;
z-index: 0;
inset: 0px;
border-radius: inherit;
}
#categories {
display:flex;
margin: 0px;
padding: 10px 5% 0px 5%;
width: 100%;
align-content: center;
justify-content: center;
flex-wrap: wrap;
gap: 3%;
}
#offers {
padding: 0px 5% 0px 5%;
margin-top: 10px;
display: flex;
align-items: flex-start;
flex-direction: row;
overflow-x: auto;
flex-wrap: wrap;
margin-bottom:70px;
justify-content: space-between;
}
.no-offers {
text-align: center;
width: 300px;
margin: 100px auto;
}
.no-offers h2 {
margin:26px auto 40px auto;
font-size:24px;
font-weight: 700;
}
.no-offers p,.action-box {
color: #585351;
text-align: center;
font-size: 14px;
line-height: 18px;
letter-spacing: 0.1px;
padding:0 5px;
}
.action-box {
margin-top: 15px;
margin-bottom: 25px;
text-align: left;
}
#offers li {
position:relative;
list-style: none;
margin-bottom: 24px;
--size: 47%;
--aspect-ratio: 1;
width: var(--size);
height: calc(var(--size) / var(--aspect-ratio));
}
#offers li a p:first-child {
list-style: none;
background-repeat: no-repeat;
background-color: rgb(231, 230, 230);
background-position: center center;
background-size: cover;
position:relative;
width:100%;
min-width: 144px;
max-width:400px;
border-radius: 16px;
cursor: pointer;
padding: 8px;
}
#offers .no-img a p:first-child {
background-size: auto;
}
#offers li a p:first-child:after {
content: "";
display: block;
padding-top: 100%;
}
#offers li button {
display: flex;
position: absolute;
right: 0px;
top: 0px;
background:none;
border:none;
text-decoration: none;
color: inherit;
text-align: center;
flex: 0 0 auto;
border-radius: 50%;
overflow: visible;
color: rgba(0, 0, 0, 0.54);
transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
padding: 5px;
font-size: 1.125rem;
margin-left:auto;
}
#offers li button svg {
fill: rgb(255, 255, 255);
user-select: none;
width: 1em;
height: 1em;
display: inline-block;
flex-shrink: 0;
transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
font-size: 1.5rem;
}
.ads #offers .to-wish,.ads #offers .in-wish {
display:none;
}
#offers li a p:last-child {
margin-top: 9px;
font-size: 12px;
}
#categories li,.icon-item {
list-style: none;
font-size:12px;
font-weight: 700;
line-height: 30px;
display: inline-flex;
align-items: flex-end;
-webkit-box-pack: center;
justify-content: center;
margin-bottom: 16px;
border-radius: 16px;
background-color: rgb(242, 230, 220);
cursor: pointer;
transition: all 0.3s ease 0s;
position:relative;
--size: 31%;
--aspect-ratio: 1;
width: var(--size);
height: calc(var(--size) / var(--aspect-ratio));
font-size:12px;
text-align:center;
}
#categories li span:first-child,.icon-item span:first-child {
background-size: 100%;
background-repeat: no-repeat;
background-position: center top;
width:100%;
min-width: 85px;
max-width: 400px;
}
#categories li span:first-child:after,.icon-item span:first-child:after {
content: "";
display: block;
padding-top: 100%;
}
#categories li a,.category-filter li a{
text-decoration:none;
display: flex;
flex-direction:column;
position: relative;
text-align: center;
width: 100%;
height: 100%;
color: inherit;
}
#categories li span:last-child,.icon-item span:last-child {
margin: 0px;
font-size: 1rem;
line-height: 1;
letter-spacing: 0.00938em;
font-size: 12px;
height: 60px;
width: 96%;
bottom: 8px;
display: flex;
align-items: end;
justify-content: space-around;
font-style: normal;
font-weight: 700;
line-height: 16px;
display: inline-flex;
align-items: center;
}
#categories li.category-parent-root span {
font-size: 14px;
}
.go-to.active svg {
fill: rgb(134, 82, 51);
}
.go-to.active svg path {
stroke: #fff;
}
.go-to.active svg path:first-child {
stroke: rgb(134, 82, 51);
}
.item-user.active svg path {
stroke: rgb(134, 82, 51);
}
.offer-info {
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: justify;
justify-content: space-between;
font-size: 10px;
margin-top: 8px;
}
.offer-name {
display:block;
margin: 0px;
font-size: 1rem;
line-height: 1.5;
letter-spacing: 0.00938em;
color: rgb(17, 9, 6);
font-size: 12px;
max-width: 100%;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.offer-price {
margin: 0px;
font-size: 1rem;
line-height: 1.5;
letter-spacing: 0.00938em;
color: rgb(147, 46, 51);
font-size: 12px;
}
.pending-label,.stopped-label {
position:relative;
}
.pending-label:before,.stopped-label:before {
position:absolute;
top:5px;
right:5px;
content:'';
width: 22px;
height: 22px;
background-repeat:no-repeat;
background-size:100%;
z-index:1;
}
.pending-label:before {
background-image:url('data:image/svg+xml,');
}
.stopped-label:before {
background-image:url('data:image/svg+xml,')
}
.offer-full .pending-label,.offer-full .stopped-label {
display: flex;
min-height: 35px;
flex-direction: column;
align-items: revert;
border-radius: 16px;
background: #FFF;
box-shadow: 0px 2px 15px 0px rgba(95, 60, 38, 0.12);
color: #110906;
text-align: center;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 18px;
letter-spacing: 0.1px;
justify-content: center;
gap:2px;
}
.offer-full .pending-label:before,.offer-full .stopped-label:before {
left: 8px;
top: 7px;
}
.offer-full .stopped-label {
font-size: 12px;
text-align:left;
color:#585351;
padding: 8px 8px 8px 36px;
}
.stopped-label b {
font-weight: 600;
color:#DB464E;
font-weight: 600;
color: #DB464E;
}
.offer-date {
margin: 0px;
font-size: 1rem;
line-height: 1.5;
letter-spacing: 0.00938em;
color: rgb(136, 132, 131);
font-size: 10px;
line-height: 12.5px;
}
.offer-map {
display:flex;
}
.offer-map svg {
user-select: none;
width: 1em;
height: 1em;
display: inline-block;
fill: currentcolor;
flex-shrink: 0;
transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
font-size: 1.5rem;
fill: none;
width: 10px;
height: 10px;
}
.offer-distance {
margin: 0px;
font-size: 1rem;
line-height: 1.5;
letter-spacing: 0.00938em;
color: rgb(136, 132, 131);
font-size: 10px;
line-height: 12.5px;
}
.offers-total {
margin: 0px;
font-size: 1rem;
line-height: 1.5;
letter-spacing: 0.00938em;
color: rgb(136, 132, 131);
font-size: 10px;
padding: 0px 5% 0px 5%;
padding-left:calc(5% + 3px);
}
#install_button {
display: none;
width: 100px;
padding: 10px 15px;
margin: auto;
background: #864a33;
color: #fff;
border-radius: 16px;
font-size: 14px;
font-weight: 700;
text-align:center;
border:none;
cursor:pointer;
}
#install-box {
min-height:300px;
display:flex;
align-content:center;
}
.in-view {
display: flex;
-webkit-box-align: center;
align-items: center;
margin-left: 18px;
}
.to-wish svg path {
stroke: rgb(0, 0, 0);
}
.in-wish svg path {
stroke: rgb(147, 46, 51);
fill: rgb(147, 46, 51);
}
.to-wish span {
margin: 0px;
font-size: 1rem;
line-height: 1.5;
letter-spacing: 0.00938em;
color: rgb(136, 132, 131);
font-size: 10px;
line-height: 12.5px;
}
.confirm {
position: fixed;
bottom: 20px;
width: 100%;
}
.confirm-box {
background: #fff;
min-height: 30px;
margin: auto;
width: 90%;
border-radius:16px;
}
.confirm-title {
display: flex;
min-height: 32px;
padding: 10px 24px;
font-size: 10px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;
color:#888483;
border-bottom:1px solid #E7DCD6;
}
.confirm-content {
color: #5F3C26;
text-align: center;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 18px;
align-items: center;
display: flex;
justify-content: center;
min-height: 38px;
}
.confirm-content .ul-list {
width: 100%;
margin:0px;
}
.confirm-content .ul-list li span {
text-align: left;
padding: 0 16px;
color: #110906;
}
.confirm-content .ul-list li span:after {
right:16px;
}
.confirm-close {
margin: auto;
width: 90%;
padding: 10px 24px;
flex-direction: column;
justify-content: center;
align-items: center;
border-radius:16px;
display:flex;
color: #5F3C26;
background:#FFF;
text-align: center;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 18px;
letter-spacing: 0.1px;
border:none;
margin-top:16px;
}
.popup {
transform: none;
padding: 24px 0px 24px 32px;
height: 0px;
border-top-right-radius: 16px;
border-top-left-radius: 16px;
display: flex;
flex-direction: column;
height: auto;
flex: 1 0 auto;
z-index: 1200;
position: fixed;
top:0px;
right: 0px;
inset: auto 0px 0px;
outline: 0px;
max-height: 100%;
background-color: rgb(255, 255, 255);
color: rgba(0, 0, 0, 0.87);
transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 10px -5px, rgba(0, 0, 0, 0.14) 0px 16px 24px 2px, rgba(0, 0, 0, 0.12) 0px 6px 30px 5px;
animation-name: nav;
animation-duration: 0.5s;
animation-fill-mode: both;
}
.popup-header {
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: justify;
justify-content: space-between;
padding-right:32px;
}
.popup-back {
display:none;
}
.fake-layer .popup-back {
display: flex;
}
.popup-content {
overflow-y:scroll;
height: 100%;
padding-right:32px;
}
.popup-title {
margin: 0px;
line-height: 1;
letter-spacing: 0.00938em;
font-size: 24px;
font-weight: 700;
color: rgb(17, 9, 6);
margin-right: auto;
text-overflow: ellipsis;
}
.popup-close {
text-decoration: none;
color: inherit;
text-align: center;
flex: 0 0 auto;
font-size: 1.5rem;
border-radius: 50%;
overflow: visible;
color: rgba(0, 0, 0, 0.54);
transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.popup-close svg {
color: rgb(88, 83, 81);
user-select: none;
width: 1em;
height: 1em;
display: inline-block;
fill: currentcolor;
flex-shrink: 0;
transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
font-size: 1.5rem;
}
.overlay {
opacity: 1;
transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
z-index: 10;
position: fixed;
top:0px;
right: 0px;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
inset: 0px;
background-color: rgba(0, 0, 0, 0.5);
-webkit-tap-highlight-color: transparent;
}
.popup-tall{
height:95%;
}
.search-button {
width: 45px;
display: flex;
height: 0.01em;
max-height: 2em;
-webkit-box-align: center;
align-items: center;
white-space: nowrap;
color: rgba(0, 0, 0, 0.54);
}
.search-button button {
color: inherit;
text-align: center;
flex: 0 0 auto;
border-radius: 50%;
overflow: visible;
color: rgba(0, 0, 0, 0.54);
transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
margin-right: -3px;
padding: 5px;
font-size: 1.125rem;
}
.search-label {
color: rgba(0, 0, 0, 0.6);
font-size: 1rem;
line-height: 1.4375em;
letter-spacing: 0.00938em;
padding: 0px;
position: relative;
z-index: 1;
pointer-events: none;
}
.search-box.input-box-focused .search-input::-webkit-input-placeholder{
color:#777;
}
.search-box.input-box-focused fieldset {
border:2px solid rgb(134,82,51);
}
.search-box .popup-header,.search-box .search-results {
position: absolute;
visibility: hidden;
transition: opacity 0.3s ease-in-out;
}
.search-box .popup-header {
opacity:0;
top: -78px;
background: #fff;
padding: 10px 0;
width: 100%;
display: flex;
}
.search-box .popup-title {
font-size: 20px;
}
.search-box.input-focus .popup-header,.search-box.input-focus .search-results{
visibility: visible;
opacity:1;
}
.search-input:focus {
outline:none;
}
.search-results {
z-index: 1;
background: #fff;
width: 100%;
padding: 0 10px 0 15px;
top: 40px;
padding-bottom: 20px;
border-radius: 0 0 20px 20px;
box-shadow: 0px 14px 4px 0px #bdbcbc6b;
}
.search-results li {
margin: 0px;
font-size: 1rem;
line-height: 1.5;
letter-spacing: 0.00938em;
color: rgb(136, 132, 131);
font-size: 14px;
cursor: pointer;
list-style:none;
margin-top: 16px;
display:flex;
justify-content:space-between;
}
.search-results li a{
color: rgb(136, 132, 131);
display: flex;
align-items: center;
gap: 8px;
}
.search-results svg {
fill:none;
stroke:#888483;
}
.search-box.input-box-focused label{
pointer-events: auto;
user-select: none;
background: #fff;
padding: 0 3px;
}
.offer-nav {
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
align-items: center;
}
.offer-nav .btn {
text-align: center;
flex: 0 0 auto;
font-size: 1.5rem;
padding: 8px;
border-radius: 50%;
overflow: visible;
color: rgba(0, 0, 0, 0.54);
transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.content-layer,.offers-layer {
display: block;
position: fixed;
height: 100%;
background: #fff;
bottom: 0px;
width: 100%;
z-index: 2;
overflow: scroll;
}
.offers-layer {
padding: 0px 36px;
}
.offer-full,.seller-profile {
width:100%;
padding: 0px 36px 98px;
margin-bottom: auto;
}
.offer-full-btns {
display: flex;
flex-direction: column;
}
.offer-full-btns .btn {
margin-top:16px;
}
.seller-profile-header {
color: rgb(17, 9, 6);
padding: 16px 0px 0px 0px;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
padding: 16px 0px 32px 0px;
}
.seller-profile-info {
margin-right: auto;
font-size: 10px;
font-style: normal;
line-height: 125%;
}
.seller-profile-image {
width: 60px;
height: 60px;
margin-right: 8px;
border-radius:8px;
background-size: cover;
position:relative;
background-position: center;
background-position: center;
background-color: #E7E6E6;
background-repeat: no-repeat;
}
.no-img .seller-profile-image {
background-size:auto;
}
.seller-profile-image svg {
position: absolute;
right: -10px;
bottom: -10px;
}
.seller-profile-title {
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 28px;
}
.seller-stat {
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
margin: 0px;
padding:0px;
width:100%;
}
.seller-stat li {
list-style: none;
flex-direction: column;
display: flex;
padding: 0px;
margin: 0px;
}
.seller-stat li span {
margin: 0px;
font-size: 1rem;
line-height: 1.5;
letter-spacing: 0.00938em;
}
.seller-stat li span:first-child {
color: rgb(17, 9, 6);
font-size: 14px;
font-weight: 700;
line-height: 22px;
}
.seller-stat li span:last-child {
color: rgb(88, 83, 81);
font-size: 10px;
line-height: 12.5px;
}
.offer-user {
padding: 0px 5% 0;
}
.offer-full .offer-user {
padding:0px;
}
.offer-user > div {
display:flex;
align-items: flex-start;
margin-top:16px;
}
.offer-user > div div:last-child {
margin-left: auto;
display: flex;
gap: 12px;
align-items: flex-start;
padding-top: 5px;
}
.offer-user > div:last-child > div:last-child {
flex-direction: column;
align-items: flex-start;
margin-left: 0px;
padding-left:11px;
gap: 4px;
flex-grow:1;
}
.offer-user p,.offer-user span {
color: #888483;
font-size: 10px;
font-style: normal;
line-height: 125%;
}
.offer-user h1 {
color: #110906;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 22px;
margin: 4px 0;
}
.offer-user-image {
width: 100px;
height: 100px;
border-radius: 8px;
margin:0px;
background: #E7E6E6;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.user-account {
box-shadow: 0px 2px 15px 0px rgba(95, 60, 38, 0.12);
border-radius:16px;
padding-bottom:16px;
margin-top:40px;
}
.user-account .offer-user .offer-user-image {
width: 54px;
height: 54px;
margin: 16px 8px 16px 16px;
}
.no-img .offer-user-image {
background-size: auto;
}
.offer-full .offer-shop {
color: rgb(17, 9, 6);
box-shadow: rgba(95, 60, 38, 0.12) 0px 2px 15px 0px;
margin-top: 36px;
border-radius: 16px;
}
.offers-container .offer-shop {
padding: 0px 36px 0px 36px;
}
.offers-container .seller-offer {
padding:8px 8px 8px 0;
}
.offer-shop-image {
color: rgb(17, 9, 6);
background-color: rgb(231, 230, 230);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
width:100%;
min-height: 82px;
border-radius: 16px;
margin-top: 10px;
}
.offer-shop-labels {
color: rgb(17, 9, 6);
padding: 0px;
margin: 30px 0px 0 0px;
}
.offer-seller-labels {
padding-left:16px;
}
.offer-seller-labels>div {
max-width: 100%;
width: auto;
font-size: 0.8125rem;
display: inline-flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
height: 26px;
color: rgba(0, 0, 0, 0.87);
border-radius: 16px;
white-space: nowrap;
transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
cursor: default;
outline: 0px;
text-decoration: none;
border: 0px;
padding: 0px;
vertical-align: middle;
box-sizing: border-box;
}
.offer-seller-labels>div p {
overflow: hidden;
text-overflow: ellipsis;
padding-left: 12px;
padding-right: 12px;
white-space: nowrap;
display:flex;
align-items:center;
}
.offer-seller-labels span {
font-size: 12px;
line-height: 18px;
color: rgb(255, 255, 255);
}
.offer-seller-labels svg {
margin-right:4px;
margin-bottom: 2px;
}
.offer-seller-rating {
background-color: rgb(134, 82, 51);
width:45%;
}
.offer-seller-rating span:first-child {
margin-right:4px;
}
.offer-seller-certified {
width: 51%;
background-color: rgb(73, 183, 116);
}
.offer-seller-info {
color: rgb(17, 9, 6);
padding: 16px 0px 0px 0px;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
flex-grow: 1;
}
.offer-seller-info p,.offer-seller-info h3 {
margin: 0px;
font-size: 1rem;
line-height: 1.5;
letter-spacing: 0.00938em;
color: rgb(17, 9, 6);
font-size: 12px;
font-weight: 700;
line-height: 27px;
}
.offer-seller-info h3 {
font-size: 16px;
}
.pro-account .offer-seller-info h3 {
font-size:22px;
}
.btn-svg,.seller-offer {
color: inherit;
text-align: center;
flex: 0 0 auto;
font-size: 1.5rem;
padding: 8px;
border-radius: 50%;
overflow: visible;
color: rgba(0, 0, 0, 0.54);
transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.offer-seller-info p:last-child {
color: rgb(136, 132, 131);
font-size: 12px;
}
.offer-full-stat {
color: rgb(17, 9, 6);
margin-top: 24px;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
color: rgb(136, 132, 131);
font-size: 10px;
line-height: 12.5px;
}
.offer-full-stat svg {
fill: none;
width: 9.5px;
height: 8px;
}
.offer-full-stat>div{
display: flex;
-webkit-box-align: center;
align-items: center;
}
.offer-full-stat>div:last-child{
margin-left: 18px;
}
.offer-full-stat svg stroke {
stroke: rgb(136, 132, 131);
}
.offer-full-image {
background-color: rgb(231, 230, 230);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
min-width: 300px;
min-height: 300px;
margin: auto;
width:100%;
max-width:640px;
border-radius: 16px;
margin-top: 10px;
position:relative;
}
.offer-full-image:after {
content: "";
display: block;
padding-top: 100%;
}
.offer-full-info {
border-bottom: 1px solid rgb(231, 220, 214);
}
.offer-full-title {
margin: 0px;
font-weight: 600;
font-size: 1rem;
line-height: 1.5;
letter-spacing: 0.00938em;
color: rgb(17, 9, 6);
font-size: 16px;
line-height: 30px;
margin-top: 8px;
}
.offer-full-price {
color: rgb(147, 46, 51);
margin: 0px;
font-size: 1rem;
line-height: 1.5;
letter-spacing: 0.00938em;
font-weight: 700;
font-size: 16px;
line-height: 30px;
margin-bottom: 16px;
}
.offer-full-location {
display: flex;
-webkit-box-align: center;
align-items: center;
padding: 11px 0px;
}
.offer-full-location > div {
margin-left: 12px;
}
.offer-full-location p {
margin: 0px;
font-size: 1rem;
line-height: 1.5;
letter-spacing: 0.00938em;
color: rgb(17, 9, 6);
font-size: 12px;
line-height: 16px;
letter-spacing: 0.1px;
}
.offer-full-location p:last-child {
color: rgb(136, 132, 131);
font-size: 10px;
line-height: 12.5px;
}
.offer-description {
color: rgb(88, 83, 81);
font-size: 12px;
line-height: 16px;
letter-spacing: 0.1px;
padding: 24px 0px;
}
.offer-full-categories {
padding: 11px 0px;
}
.offer-full-categories div {
color: rgb(17, 9, 6);
display: flex;
}
.offer-full-categories div p:first-child {
color: rgb(136, 132, 131);
font-size: 12px;
line-height: 16px;
letter-spacing: 0.1px;
margin-right: 8px;
}
.offer-full-categories div p:last-child {
color: rgb(17, 9, 6);
font-size: 12px;
line-height: 16px;
letter-spacing: 0.1px;
}
.input-boxes,.fcc-box {
display: flex;
gap: 5px;
width: 100%;
align-items:center;
}
.fcc-box {
padding-bottom:10px;
}
.text-field-type .input-boxes svg {
display: flex;
flex-grow: 1;
width: 100%;
max-width: 24px;
margin-bottom: 16px;
}
.currency-box {
width:155px;
}
.currency-box select {
background-image: url("data:image/svg+xml,%3Csvg width='17' height='8' viewBox='0 0 17 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.704404 0.204404C0.431865 0.476941 0.431865 0.918813 0.704404 1.19135L6.77128 7.25823C7.76031 8.24726 9.37461 8.24726 10.3636 7.25823L16.4305 1.19135C16.7031 0.918813 16.7031 0.476941 16.4305 0.204404C16.158 -0.0681345 15.7161 -0.0681345 15.4436 0.204404L9.37669 6.27128C8.93274 6.71523 8.20218 6.71523 7.75823 6.27128L1.69135 0.204404C1.41881 -0.0681345 0.976942 -0.0681345 0.704404 0.204404Z' fill='%23865233'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 9px center;
-webkit-appearance: none;
}
.currency-note {
font-size: 14px;
font-style: normal;
line-height: 18px;
letter-spacing: 0.1px;
margin: 16px 0 32px 0;
color: #585351;
}
.search-box {
margin-top: 16px;
}
.category-search input {
padding-left: 5px;
}
.category-search label {
padding-left: 33px;
}
.category-search .input-focus label {
padding-left: 0px;
}
.auth-box,.code-box {
padding: 0px 36px;
height: 100%;
width:100%;
display: flex;
flex-direction: column;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
z-index: 200;
}
.code-box .btn {
margin:auto;
}
.auth-box {
background: linear-gradient(rgb(134, 82, 51) 0%, rgb(37, 20, 16) 100%), linear-gradient(0deg, rgb(255, 255, 255), rgb(255, 255, 255));
position: absolute;
}
.auth-box>svg:first-child{
top: -20px;
user-select: none;
width: 1em;
height: 1em;
display: inline-block;
fill: currentcolor;
flex-shrink: 0;
transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
font-size: 1.5rem;
position: absolute;
width: initial;
height: initial;
transition: all 0.5s ease 0s;
height: 119px;
width: 374px;
}
.auth-box>svg:last-child{
bottom: -30px;
user-select: none;
width: 1em;
height: 1em;
display: inline-block;
fill: currentcolor;
flex-shrink: 0;
transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
font-size: 1.5rem;
position: absolute;
width: initial;
height: initial;
transition: all 0.5s ease 0s;
height: 133px;
width: 373px;
}
.auth-box h1 {
margin: 15vh 0px 16px 0;
letter-spacing: 0.00938em;
font-size: 28px;
font-weight: 700;
line-height: 30px;
color: rgba(255, 255, 255, 0.80);
}
.auth-box h1 svg {
display: block;
text-align: center;
margin: 70px auto 20px auto;
}
.auth-box-back,.auth-box-close {
position:absolute;
top:24px;
}
.auth-box-back {
left:24px;
}
.auth-box-close {
right:24px;
}
.auth-box h2,.code-box h2 {
margin: 0px;
letter-spacing: 0.00938em;
font-size: 16px;
font-weight: 700;
line-height: 18px;
color: rgba(255, 255, 255, 0.80);
}
.auth-box h3,.code-box h3 {
text-align:center;
max-width:300px;
font-size: 14px;
margin: 8px 0 0 0;
font-weight:400;
color: rgba(255, 255, 255, 0.80);
}
.code-box h3 {
margin-top:41px;
color:#110906;
}
.auth-options {
margin-top: 5vh;
text-align: center;
display: flex;
flex-direction: column;
z-index:1;
}
.auth-countdown,.sendagain {
color: rgba(255, 255, 255, 0.50);
text-align: center;
font-size: 12px;
font-style: normal;
line-height: 16px;
letter-spacing: 0.1px;
}
.sendagain {
color: rgba(255, 255, 255, 0.80);
}
.sendagain:disabled {
display:none;
}
.sign-up,.sign-in{
line-height: 1.75;
letter-spacing: 0.02857em;
min-width: 64px;
padding: 6px 8px;
transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
color: rgb(247, 175, 68);
font-weight: 700;
font-size: 14px;
text-transform: initial;
border-radius: 16px;
background: none;
border: none;
}
.pass-recovery,.pass-support {
font-size: 12px;
color: rgba(255, 255, 255, 0.8);
padding: 10px;
background: none;
border: none;
}
.auth-buttons{
margin-top: 8px;
min-width: 300px;
display: flex;
flex-wrap:wrap;
justify-content: space-between;
}
.auth-buttons p,.auth-fields p {
line-height: 1.5;
letter-spacing: 0.00938em;
color: rgba(255, 255, 255, 0.8);
text-align: center;
margin: 14px 0px 0px 0px;
width:100%;
font-size: 12px;
}
.btn-bottom {
margin-top: auto;
}
.mt-25 {
margin-top:25px;
}
.mt-40 {
margin-top:40px;
}
.auth-box .auth-buttons button.btn-white {
border:none;
}
.auth-box .auth-buttons button:first-child {
}
.auth-box .auth-buttons button:last-child {
flex-grow:1;
}
.auth-box button.btn:disabled {
color: rgba(0, 0, 0, 0.26);
background-color: rgba(255, 255, 255, 0.2);
pointer-events: none;
}
.auth-fields {
position:relative;
display: flex;
flex-direction: column;
margin-top: 3vh;
}
.auth-fields > div {
position:relative;
display: inline-flex;
flex-direction: column;
position: relative;
min-width: 0px;
padding: 0px;
margin: 0px;
border: 0px;
vertical-align: top;
min-width: 300px;
font-size: 14px;
}
.auth-fields .input-box fieldset{
border-color: rgba(0, 0, 0, 0.23);
border-radius: 16px;
border-color: rgba(255, 255, 255, 0.5);
}
.auth-fields .input-box label {
color: rgb(255, 255, 255);
font-size: 14px;
}
.auth-fields input {
display: block;
min-width: 0px;
width: 100%;
animation-name: autofill-cancel;
animation-duration: 10ms;
padding: 8.5px 14px;
}
.auth-fields input:focus{
outline:none;
}
.auth-fields > div > div{
font-size: 1rem;
line-height: 1.4375em;
letter-spacing: 0.00938em;
color: rgba(0, 0, 0, 0.87);
box-sizing: border-box;
position: relative;
cursor: text;
display: inline-flex;
-webkit-box-align: center;
align-items: center;
position: relative;
border-radius: 4px;
border-radius: 10px;
border-color: rgb(255, 255, 255);
color: rgb(255, 255, 255);
}
.auth-fields > div {
margin-top: 16px;
}
.auth-fields > div > div > div {
display: flex;
height: 0.01em;
max-height: 2em;
-webkit-box-align: center;
align-items: center;
white-space: nowrap;
color: rgba(0, 0, 0, 0.54);
margin-left: 8px;
}
.auth-fields div button {
color: inherit;
text-align: center;
flex: 0 0 auto;
font-size: 1.5rem;
padding: 8px;
border-radius: 50%;
overflow: visible;
color: rgba(0, 0, 0, 0.54);
transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
margin-right: 0px;
}
.auth-fields .photo-box {
margin-top: 24px;
height: 60px;
border: 1px dashed rgba(255, 255, 255, 0.4);
border-radius: 16px;
display: inline-flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
padding: 11px 0px;
color: rgb(255, 255, 255);
background: transparent;
transition: all 0.3s ease 0s;
display: flex;
flex-direction: row;
justify-content: flex-start;
}
.auth-fields .photo-label {
position: relative;
max-height: 100px;
height: 50px;
width: 50px;
margin-left: 5px;
flex-direction: row;
background-size: cover;
background-repeat:no-repeat;
background-position: center;
}
.auth-fields .photo-box:hover {
background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.4);
}
.auth-box .input-focus .input-text::-webkit-input-placeholder{
color:#fff;
}
.auth-fields .input-box.input-focus fieldset {
border-color:#fff;
}
.photo-box label{
font-weight: 600;
font-size: 0.875rem;
line-height: 1.75;
letter-spacing: 0.02857em;
text-transform: uppercase;
min-width: 80px;
padding: 6px 8px;
border-radius: 4px;
transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
color: rgb(255, 255, 255);
text-transform: initial;
width: 100%;
height: 60px;
border-radius: 16px;
}
.photo-box span:first-child {
color: rgb(255, 255, 255);
text-transform: initial;
width: 100%;
height: 80px;
border-radius: 16px;
margin-right: 8px;
margin-left: -4px;
font-weight: 600;
font-size: 0.875rem;
line-height: 1.75;
letter-spacing: 0.02857em;
}
.photo-box span,.photo-box svg {
display:inline-block;
vertical-align: middle;
}
.photo-box svg {
user-select: none;
width: 1em;
height: 1em;
display: inline-block;
fill: currentcolor;
flex-shrink: 0;
transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
font-size: 1.5rem;
}
.auth-consent {
margin-top: 24px;
display: flex;
max-width: 300px;
color: rgba(255, 255, 255, 0.8);
}
.auth-consent span {
display: inline-flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
position: relative;
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
background-color: transparent;
outline: 0px;
border: 0px;
margin: 0px;
border-radius: 0px;
padding: 0px;
cursor: pointer;
user-select: none;
vertical-align: middle;
appearance: none;
text-decoration: none;
color: inherit;
padding: 9px;
border-radius: 50%;
color: rgb(255, 255, 255);
}
.auth-consent p {
margin: 0px;
font-size: 1rem;
line-height: 1.5;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.1px;
}
.auth-consent p a {
color: rgb(247, 175, 68);
text-decoration: none;
}
.auth-consent svg {
user-select: none;
width: 1em;
height: 1em;
display: inline-block;
fill: currentcolor;
flex-shrink: 0;
transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
font-size: 1.5rem;
color: rgb(255, 255, 255);
}
.auth-consent svg path:last-child {
fill:none;
}
.auth-consent.agreed svg path:last-child {
fill:#fff;
}
.auth-consent input {
cursor: inherit;
position: absolute;
opacity: 0;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
margin: 0px;
padding: 0px;
z-index: 1;
}
.auth-options div {
display:flex;
align-items: center;
font-size: 12px;
color: rgb(255, 255, 255);
}
.messages-header,.user-header {
padding: 0px 36px 0px;
}
.message-search {
padding: 26px 36px 0px 36px;
}
.message-group {
color: #110906;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 30px;
}
.messages {
flex-direction: column;
margin-top: 10px;
padding: 0px 36px 72px;
display:none;
}
.messages-group {
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 30px;
color:#110906;
}
.messages li {
display: flex;
position: relative;
padding: 9px 0px;
border-bottom:1px solid rgba(134, 82, 51, 0.10);
}
.messages li a {
display: flex;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.messages li .message-image {
min-width: 60px;
min-height: 60px;
border-radius: 10px;
background-color: rgba(95, 60, 38, 0.3);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
margin-right: 20px;
position: relative;
fill: rgba(255, 255, 255, 0.6);
}
.messages li .message-details {
}
.messages li span {
font-size: 1rem;
line-height: 1.5;
letter-spacing: 0.00938em;
display:block;
}
.messages li .message-user {
margin: 0px;
font-size: 14px;
font-weight: 700;
line-height: 17px;
padding-top: 3px;
height:21px;
}
.messages li .message-date {
font-size: 10px;
font-weight: 600;
line-height: 12.5px;
position: absolute;
right: 0px;
top: 25px;
}
.messages li .message-subject {
margin: 0px;
font-size: 12px;
font-weight: 600;
margin-top: 9px;
color: #110906;
font-style: normal;
line-height: 125%;
}
.messages li .message-content {
margin: 0px;
font-size: 12px;
line-height: 15px;
color:#110906;
font-style: normal;
line-height: 125%;
}
.no-messages {
min-height: calc(100vh - 136px);
max-height: calc(100vh - 136px);
display: flex;
flex-direction: column;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
}
.no-messages p {
color: rgb(184, 181, 180);
align-content: center;
margin: 0px;
font-size: 1rem;
line-height: 1.5;
letter-spacing: 0.00938em;
}
.no-messages button {
text-align: center;
flex: 0 0 auto;
font-size: 1.5rem;
padding: 8px;
border-radius: 50%;
overflow: visible;
color: rgba(0, 0, 0, 0.54);
transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.no-messages svg {
margin-top: 12px;
fill: none;
width: 34px;
height: 34px;
}
.dialog-header {
display: flex;
-webkit-box-align: center;
align-items: center;
padding: 9px 36px 16px;
box-shadow: rgba(95, 60, 38, 0.12) 0px 2px 15px;
}
.dialog-header-back {
text-align: center;
flex: 0 0 auto;
border-radius: 50%;
overflow: visible;
color: rgba(0, 0, 0, 0.54);
transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
padding: 5px;
font-size: 1.125rem;
}
.dialog-header-image {
min-width: 42px;
min-height: 43px;
border-radius: 10px;
background-color: rgba(95, 60, 38, 0.3);
background-image: url(Zizek);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
margin-right: 8px;
position: relative;
fill: rgba(255, 255, 255, 0.6);
}
.dialog-header-name {
font-size: 24px;
line-height: 30px;
font-weight: 700;
color: rgb(17, 9, 6);
max-width: 150px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
text-transform: capitalize;
}
.dialog-header-offer {
font-size: 10px;
line-height: 12.5px;
color: rgb(17, 9, 6);
max-width: 150px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
text-transform: capitalize;
}
button.dialog-header-call {
text-align: center;
flex: 0 0 auto;
font-size: 1.5rem;
padding: 8px;
border-radius: 50%;
overflow: visible;
color: rgba(0, 0, 0, 0.54);
transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
margin-left: auto;
}
.dialog-content {
display: flex;
flex-direction: column;
background-color: rgba(134, 82, 51, 0.1);
align-items: flex-start;
padding: 17px 36px;
min-height: calc(100vh - 136px);
max-height: calc(100vh - 136px);
overflow: auto;
}
.dialog-message {
display: flex;
align-items: flex-end;
position: relative;
padding: 8px 15px;
border-radius: 16px;
background-color: rgba(134, 82, 51, 0.8);
color: rgb(255, 255, 255);
margin-bottom: 12px;
}
.dialog-message.img-message {
flex-direction: column;
width: 70%;
padding: 10px;
}
.img-message .msg-image,.msg-image img{
width:100%;
}
.dialog-message.user-message{
background-color: rgba(134, 82, 51, 0.8);
color: rgb(255, 255, 255);
margin-left: auto;
margin-bottom: 12px;
}
.dialog-message.self-message{
background-color: rgb(255, 255, 255);
color: rgb(0, 0, 0);
}
.dialog-message-text {
margin: 0px;
font-size: 1rem;
line-height: 1.5;
letter-spacing: 0.00938em;
font-size: 12px;
line-height: 15px;
}
.dialog-message-date {
font-size: 8px;
line-height: 10px;
margin-left: 12px;
}
.dialog-footer {
display: flex;
background-color: rgb(255, 255, 255);
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
padding: 17px 36px;
height: 68px;
box-shadow: rgba(95, 60, 38, 0.12) 0px 2px 15px;
position: sticky;
bottom: 0px;
z-index: 1;
}
.dialog-footer>div{
display: inline-flex;
flex-direction: column;
position: relative;
min-width: 0px;
padding: 0px;
margin: 0px;
border: 0px;
vertical-align: top;
font-size: 14px;
margin-right: 10px;
min-width: 260px;
}
.dialog-footer fieldset {
border-color: rgba(0, 0, 0, 0.23);
}
.dialog-footer .input-focus input::-webkit-input-placeholder{
color:#777;
}
.dialog-input-box {
font-size: 1rem;
line-height: 1.4375em;
letter-spacing: 0.00938em;
color: rgba(0, 0, 0, 0.87);
box-sizing: border-box;
position: relative;
cursor: text;
display: inline-flex;
-webkit-box-align: center;
align-items: center;
position: relative;
border-radius: 4px;
border-radius: 36px;
}
.input-focus .dialog-input-box fieldset {
border:2px solid rgb(134, 82, 51);
}
.dialog-footer input {
font: inherit;
letter-spacing: inherit;
color: currentcolor;
padding: 1px 0px 5px;
border: 0px;
box-sizing: content-box;
background: none;
height: 1.4375em;
margin: 0px;
-webkit-tap-highlight-color: transparent;
display: block;
min-width: 0px;
width: 100%;
animation-name: autofill-cancel;
animation-duration: 10ms;
padding: 8.5px 14px;
font-size: 14px;
padding: 5.5px 14px;
}
.dialog-footer label {
font-size: 14px;
line-height: 14px;
}
.dialog-footer .input-focus label {
top:3px;
padding:0 2px;
}
.upload-image,.send-message {
text-align: center;
flex: 0 0 auto;
border-radius: 50%;
overflow: visible;
color: rgba(0, 0, 0, 0.54);
transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
padding: 5px;
font-size: 1.125rem;
}
.show-icon {
display: inline-flex;
}
.hide-icon {
display:none;
}
.auth-buttons .registration-back,.auth-buttons .authorization-back {
width: 105px;
color: #fff;
border: 1px solid rgba(255, 255, 255, 0.8);
background: transparent;
margin-right: 10px;
}
.auth-buttons .registration-back svg {
user-select: none;
width: 1em;
height: 1em;
display: inline-block;
fill: currentcolor;
flex-shrink: 0;
transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
font-size: 1.5rem;
}
.auth-buttons .continuation-button,.auth-buttons .confirmation-button,.auth-buttons .regeneration-button,.auth-buttons .verification-button {
width:58%;
}
.auth-pin-code{
width: 190px;
max-width: 190px;
overflow: hidden;
margin: 30px 0;
display: flex;
justify-content: space-between;
}
.auth-pin-code input {
padding:0px;
position:relative;
transform: translateZ(0);
font-size: 40px;
line-height:40px;
width: 36px;
background: none;
border: none;
color: #fff;
border-radius:0px;
border-bottom: 2px solid #fff;
text-align: center;
}
.code-box .auth-pin-code input {
border-color:#110906;
color:#110906;
}
.auth-buttons .registration-back span {
display: inherit;
margin-right: 8px;
margin-left: -4px;
}
.add-category {
padding: 20px 36px 126px 36px;
}
.add-category-header {
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: justify;
justify-content: space-between;
}
.add-category-title {
display: flex;
-webkit-box-pack: start;
justify-content: flex-start;
gap: 8px;
-webkit-box-align: center;
align-items: center;
}
.add-category-title h2 {
font-size: 24px;
font-weight: 700;
color: rgb(17, 9, 6);
max-width: 150px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
text-transform: capitalize;
margin: 0px;
}
.add-category-close button {
text-align: center;
flex: 0 0 auto;
font-size: 1.5rem;
padding: 8px 0;
border-radius: 50%;
overflow: visible;
color: rgba(0, 0, 0, 0.54);
transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.add-category-close svg {
user-select: none;
width: 1em;
height: 1em;
display: inline-block;
fill: currentcolor;
flex-shrink: 0;
transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
font-size: 1.5rem;
color: rgb(88, 83, 81);
}
.add-option-box {
height: 100%;
display: flex;
flex-direction: column;
}
.ul-lists {
display: flex;
flex-direction: column;
margin-top: 10px;
margin-bottom: 72px;
margin: 0px;
padding: 0px;
}
.ul-lists ul {
margin:0px;
}
.ul-lists li {
list-style:none;
}
.ul-list-title {
padding-top:36px;
margin:0px 0 16px 0;
display:flex;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 18px;
}
.ul-lists .ul-list-title {
color:#865233;
font-weight: normal;
font-size:14px;
line-height:16px;
}
.ul-lists li:first-child .ul-list-title {
border:none;
}
.ul-list {
display: flex;
flex-direction: column;
margin-bottom: 72px;
margin: 26px 0px 0px 0px;
padding: 0px;
}
.ul-list > li > a,.ul-list > li > span {
display: flex;
width: 100%;
padding: 0px 16px 0px 0px;
height: 39px;
font-size: 14px;
font-style: normal;
line-height: 18px;
letter-spacing: 0.1px;
flex-direction: column;
cursor:pointer;
justify-content: center;
}
.add-field-list svg,.offer-filters svg,.add-option-list svg{
display: flex;
}
.option-buttons,.add-field-buttons {
display: flex;
flex-direction: column;
position: sticky;
bottom: 0px;
background: #fff;
margin-top: auto;
z-index: 4;
}
.option-buttons button {
margin-top:10px;
width:100%;
}
.town-close {
margin-right:5px;
}
.add-option-list .checkbox-item svg {
display:none;
}
.add-option-list .checkbox-item.checked-item svg {
display:flex;
}
.radio-item > span,.select-item > span,.add-option-list .link-item a{
position:relative;
}
.select-item > span:after,.radio-item > span:after {
content:'';
background-image: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9.5' cy='9' r='8.25' stroke='%23888483' stroke-width='1.5'/%3E%3C/svg%3E");
background-position:center;
background-repeat:no-repeat;
height:18px;
width:20px;
position:absolute;
right: 0px;
}
.select-item.checked-item > span:after,.radio-item.checked-item > span:after {
background-image: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9.5' cy='9' r='8.25' stroke='%23865233' stroke-width='1.5'/%3E%3Ccircle cx='9.5' cy='9' r='5' fill='%23865233'/%3E%3C/svg%3E%0A");
}
.add-option-list .checkbox-item .option-icon{
height:22px;
width:23px;
}
.add-option-list .checkbox-item.checked-item a:after{
content:'';
background-image: url("data:image/svg+xml,%3Csvg width='23' height='22' viewBox='0 0 23 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.18753 14.85L5.33753 11L4.0542 12.2833L9.18753 17.4167L20.1875 6.41666L18.9042 5.13333L9.18753 14.85Z' fill='%235F3C26'/%3E%3C/svg%3E");
background-position:center;
background-repeat:no-repeat;
height:22px;
width:23px;
position:absolute;
right:0px;
}
.back-root,.back- {
display:none;
}
.edit-offer .back-root{
display:flex;
}
.ul-list li {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 10px;
list-style:none;
border-bottom: 1px solid rgba(134, 82, 51, 0.1);
}
.ul-list li:first-child {
border-top:1px solid rgba(134, 82, 51, 0.1);
}
li.text-field-type svg,li.text-filter-type svg{
display:none;
}
.add-field-list li .input-box{
display:none;
}
.add-field-list li.text-field-type .input-box{
display:flex;
}
.add-category-list li .add-category-title,.add-field-list li .add-field-title {
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 18px;
letter-spacing: 0.1px;
}
.add-category-list li > span:last-child,.add-field-list li > span:last-child {
display: flex;
flex-direction: row;
-webkit-box-pack: end;
-webkit-box-align: center;
align-items: center;
padding: 0px;
gap: 2px;
}
.li-label {
display: flex;
align-items: flex-start;
gap: 4px;
color: #888483;
font-size: 10px;
font-style: normal;
line-height: 12px;
letter-spacing: 0.1px;
}
.li-label font {
padding-left: 10px;
position: relative;
}
.li-label font:before {
content: '';
width: 13px;
height: 10px;
position: absolute;
left: -3px;
background-repeat: no-repeat;
display: inline-block;
background-image: url("data:image/svg+xml,%3Csvg width='13' height='12' viewBox='0 0 13 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.715 2.96484L10.75 5.99984L7.715 9.03484' stroke='%23888483' stroke-width='0.8' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.25004 6H10.665' stroke='%23888483' stroke-width='0.8' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.add-offer {
display: none;
flex-direction: column;
margin-top: 10px;
margin-bottom: 72px;
height: 100%;
}
.add-category-offer .add-offer,.edit-offer .add-offer {
display: flex;
}
.edit-offer .add-category-list,.edit-offer-fields .add-category-list,.offer-fields{
display: none;
}
.add-offer > div{
display: flex;
flex-direction: column;
-webkit-box-pack: start;
justify-content: flex-start;
min-height: 80vh;
}
.edit-offer-fields .offer-fields{
display: flex;
flex-direction: column;
}
#files {
display: flex;
-webkit-box-pack: start;
justify-content: flex-start;
gap: 8px;
margin:0;
padding:0;
overflow-y: scroll;
height: 120px;
}
#files li {
margin-top: 24px;
height: 60px;
border: 1px dashed rgba(255, 255, 255, 0.4);
border-radius: 16px;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
padding: 11px 0px;
color: rgb(255, 255, 255);
background: transparent;
transition: all 0.3s ease 0s;
list-style:none;
flex-direction: row;
gap: 10px;
background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.4);
}
#files label {
display: inline-flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
position: relative;
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
background-color: transparent;
outline: 0px;
margin: 0px;
cursor: pointer;
user-select: none;
vertical-align: middle;
appearance: none;
text-decoration: none;
border: 1px dashed rgb(184, 181, 180);
color: rgb(88, 83, 81);
line-height: 20px;
font-size: 14px;
width: 100px;
height: 100px;
flex-direction: column;
border-radius: 16px;
min-width: 80px;
padding: 6px 8px;
transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
text-align: center;
}
.add-offer #files li,.add-offer #files label {
width:80px;
height:80px;
border-radius: 10px;
}
#files label i {
position: absolute;
top: 6px;
right: 4px;
cursor: pointer;
}
.add-offer #files label i {
top:0px;
right:0px;
}
#files label i svg {
fill: rgba(255, 255, 255, 0.6);
}
#files li:first-child label {
width:70px;
}
#files label span {
display: inherit;
}
#files label svg {
font-size: 20px;
user-select: none;
width: 1em;
height: 1em;
display: inline-block;
fill: currentcolor;
flex-shrink: 0;
transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
font-size: 1.5rem;
}
.add-offer #files label svg {
width:auto;
height:auto;
}
.detail-box {
display: flex;
flex-direction: column;
gap: 8px;
margin-top: 20px;
flex-basis: 40%;
}
.add-offer-hide {
display:none;
}
.offer-published .add-offer-hide{
display: flex;
}
.offer-published .add-offer-show {
display: none;
}
.save-offer {
margin-top: 16px;
}
.btn-brown:disabled {
opacity:0.6;
}
.main-filters,.ad-filters {
display: flex;
align-items: flex-start;
gap: 8px;
flex-direction: row;
overflow-x: scroll;
text-overflow: ellipsis;
max-width: 100%;
box-sizing: border-box;
width: 90%;
margin: 20px auto 0 auto;
}
.main-filters::-webkit-scrollbar {
width: 0;
display:none;
}
.main-filters{
padding-bottom:7px;
}
.main-filters >div{
display: flex;
flex-direction: row;
}
.main-filter-btn {
background-color: rgb(255, 255, 255);
color: rgb(136, 132, 131);
font-size: 12px;
line-height: 18px;
letter-spacing: 0.1px;
border: 1px solid rgb(136, 132, 131);
-webkit-box-pack: center;
justify-content: center;
height: 25px;
border-radius: 16px;
margin: 0px 8px 0px 0px;
padding: 0 8px;
}
.main-filter-btn svg {
}
.btn-filter-btn {
width:72px;
}
.btn-filter-btn svg {
display:none;
}
.boolean-btn svg{
display:none;
}
.main-filter-btn path {
stroke: rgb(136, 132, 131);
}
.main-filter-btn.disabled:not(.active) {
opacity: 0.3;
background: #e9e9e9;
color: #444;
border-color: #4a4a4a;
}
.full-filter-btn.disabled:not(.active) {
opacity: 0.3;
border-bottom: 1px solid #ccc;
}
.main-filter-btn.active {
border: 1px solid #865233;
background: #865233;
color:#fff;
}
.li-title {
font-weight: 600;
color:#110906;
}
.main-filter-btn.active path {
stroke: #fff;
}
.main-filter-btn span:first-child{
overflow: hidden;
text-overflow: ellipsis;
padding-left: 12px;
padding-right: 12px;
font-size:12px;
white-space: nowrap;
}
.main-filter-btn:not(.active):hover {
background-color: rgba(0, 0, 0, 0.04);
}
.main-filter-btn:active {
box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;
}
.local-btn,.map-btn {
padding-left:26px;
white-space:nowrap;
}
.local-btn i,.flag,.map-btn i,.flag {
box-sizing:border-box;
height: 20px;
width: 20px;
border-radius: 100%;
position: absolute;
left: 10px;
top: 14px;
}
.local-btn i {
box-shadow: 0 0 0 1px #fff;
left: 5px;
top: 4px;
width: 15px;
height: 15px;
}
.map-btn i {
left: 5px;
top: 3px;
width: 15px;
height: 18px;
}
.local-offer .flag {
border:1px solid #fff;
}
.boolean-btn.active {
padding-right: 30px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' fill='none'%3E%3Cpath d='M8.49984 15.5834C12.3957 15.5834 15.5832 12.3959 15.5832 8.50002C15.5832 4.60419 12.3957 1.41669 8.49984 1.41669C4.604 1.41669 1.4165 4.60419 1.4165 8.50002C1.4165 12.3959 4.604 15.5834 8.49984 15.5834Z' stroke='white' stroke-width='1.0625' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.49512 10.5046L10.5043 6.49542' stroke='white' stroke-width='1.0625' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.5043 10.5046L6.49512 6.49542' stroke='white' stroke-width='1.0625' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 4px top 3px;
}
.range-box,.range-box-2 {
width:100%;
}
.range-slider {
width: 100%;
position: relative;
height: 5px;
margin: 22px 4px 36px 4px;
}
.report-ad,.review-ad {
width: 100%;
}
.report-ad {
margin: 32px 0 10px 0;
}
.range-slider > div {
position: absolute;
left: 13px;
right: 15px;
height: 5px;
}
.range-slider .range-bar-min {
position: absolute;
left: 0;
height: 5px;
border-radius: 10px;
background-color: #8652334D;
margin: 0 7px;
}
.range-slider > div > .range-bar-max {
position: absolute;
right: 0;
height: 5px;
border-radius: 10px;
background-color: #8652334D;
margin: 0 7px;
}
.range-slider > div > .range-bar {
position: absolute;
left: 0;
height: 5px;
border-radius: 14px;
background-color: #865233;
}
.range-slider > div > .range-thumb {
position: absolute;
top: -7px;
z-index: 2;
height: 20px;
width: 20px;
text-align: left;
margin-left: -11px;
cursor: pointer;
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4);
background-color: #865233;
border-radius: 50%;
outline: none;
}
.range-slider > div > .range-thumb::hover {
background-color: #5F3C26
}
.range-slider > input[type=range] {
position: absolute;
pointer-events: none;
-webkit-appearance: none;
z-index: 3;
height: 14px;
top: -2px;
width: 100%;
opacity: 0;
}
div.range-slider > input[type=range]:focus::-webkit-slider-runnable-track {
background: transparent;
border: transparent;
}
div.range-slider > input[type=range]:focus {
outline: none;
}
div.range-slider > input[type=range]::-webkit-slider-thumb {
pointer-events: all;
width: 28px;
height: 28px;
border-radius: 0px;
border: 0 none;
background: red;
-webkit-appearance: none;
}
div.range-slider > input[type=range]::-ms-fill-lower {
background: transparent;
border: 0 none;
}
div.range-slider > input[type=range]::-ms-fill-upper {
background: transparent;
border: 0 none;
}
div.range-slider > input[type=range]::-ms-tooltip {
display: none;
}
.range-slider .range-thumb span {
opacity: 0;
position: absolute;
margin-left: -4px;
top: -35px;
z-index:3;
background-color: #5F3C26;
color: #fff;
width: 28px;
height: 28px;
border-radius: 28px;
-webkit-border-radius: 28px;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
text-align: center;
display:flex;
font-size: 10px;
}
.range-slider .range-thumb span:after {
position: absolute;
content: '';
left: 0;
border-radius: 16px;
top: 19px;
border-left: 14px solid transparent;
border-right: 14px solid transparent;
border-top-width: 16px;
border-top-style: solid;
border-top-color: #5F3C26;
}
.range-slider:hover span {
opacity: 1;
background-color: #5F3C26;
}
.location-address {
display: flex;
width: 100%;
margin-bottom: 26px;
font-size: 12px;
font-style: normal;
line-height: 16px;
letter-spacing: 0.1px;
align-items: center;
color: #110906;
gap:8px;
}
.price-box,.distance-box {
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
width: 100%;
gap: 16px;
}
.distance-box {
flex-direction:column;
}
.ar-rt {
position:relative;
}
.ar-rt:after,.add-option-list .link-item a:after {
position:absolute;
right:0px;
content:'';
display:flex;
width:22px;
height:22px;
background-image: url("data:image/svg+xml, %3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.2276 5.43573L18.7917 10.9999L13.2276 16.5641' stroke='%23292D32' stroke-width='1.46667' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M3.20849 11H18.636' stroke='%23292D32' stroke-width='1.46667' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
}
.boolean-field-type .ar-rt:after,.boolean-filter-type .ar-rt:after {
position: absolute;
right: -6px;
content: '';
display: flex;
width: 50px;
height: 32px;
background-repeat: no-repeat;
background-position: center;
top: 5px;
background-image: url("data:image/svg+xml,%3Csvg width='38' height='36' viewBox='0 0 38 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='8' y='8' width='30' height='14' rx='7' fill='%23865233'/%3E%3Cg filter='url(%23filter0_d_2625_23573)'%3E%3Ccircle cx='18' cy='15' r='10' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_2625_23573' x='0' y='0' width='36' height='36' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='3'/%3E%3CfeGaussianBlur stdDeviation='4'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_2625_23573'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_2625_23573' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
}
.boolean-field-type.active .ar-rt:after,.boolean-filter-type.active .ar-rt:after {
right: -15px;
background-image: url("data:image/svg+xml,%3Csvg width='38' height='36' viewBox='0 0 38 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='8' width='30' height='14' rx='7' fill='%2349B774'/%3E%3Cg filter='url(%23filter0_d_2625_23561)'%3E%3Ccircle cx='20' cy='15' r='10' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_2625_23561' x='2' y='0' width='36' height='36' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='3'/%3E%3CfeGaussianBlur stdDeviation='4'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_2625_23561'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_2625_23561' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E ");
}
.text-user-field p{
margin:16px 0;
font-size: 14px;
font-style: normal;
line-height: 18px;
}
.text-user-field h2{
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 30px;
}
.change-user-field p{
margin:32px 0;
font-size: 14px;
font-style: normal;
line-height: 18px;
text-align:center;
}
.change-user-field .btn {
margin-top:10px;
}
.change-user-field .btn:disabled {
background: #E7E6E6;
}
.toggle-visibility.is-visible svg path:first-child {
fill:#fff;
}
.change-user-field .toggle-visibility {
display: inline-block;
margin-top: 4px;
}
.change-user-field .toggle-visibility.is-visible svg path:first-child {
fill:#865234;
}
.toggle-list li {
flex-direction:row;
padding-bottom: 10px;
padding-top: 10px;
align-items: center;
}
.toggle-list li>span:first-child {
display: inline-flex;
flex-direction: column;
gap: 4px;
-webkit-box-pack: start;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.toggle-title {
font-size: 14px;
font-style: normal;
line-height: 18px;
letter-spacing: 0.1px;
}
.toggle-label {
color: #888483;
font-size: 10px;
font-style: normal;
line-height: 12px;
letter-spacing: 0.1px;
}
.toggle-switch{
display: inline-flex;
width: 58px;
height: 38px;
overflow: hidden;
padding: 12px;
box-sizing: border-box;
position: relative;
flex-shrink: 0;
z-index: 0;
vertical-align: middle;
}
.toggle-switch .btn {
padding: 9px;
border-radius: 50%;
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
color: rgb(255, 255, 255);
transition: left 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.toggle-switch input {
cursor: inherit;
position: absolute;
opacity: 0;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
margin: 0px;
padding: 0px;
z-index: 1;
left: -100%;
width: 300%;
}
.toggle-switch .switcher {
box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;
background-color: currentcolor;
width: 20px;
height: 20px;
border-radius: 50%;
box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 8px;
}
.toggle-switch.active .switcher{
transform: translateX(20px);
}
.toggle-switch > span:last-child {
height: 100%;
width: 100%;
border-radius: 7px;
z-index: -1;
transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
background-color: rgb(0, 0, 0);
opacity: 0.38;
background-color: rgb(134, 82, 51);
opacity: 1;
}
.toggle-switch.active > span:last-child{
background-color: rgb(73, 183, 116);
}
.coming-soon {
display:flex;
align-items:center;
justify-content:center;
flex-direction: column;
height: 100%;
}
.coming-soon p {
color: #B8B5B4;
font-size: 14px;
font-style: normal;
line-height: 18px;
letter-spacing: 0.1px;
margin-top:24px;
text-align:center;
}
.review-popup .popup-content {
display:flex;
flex-direction:column;
justify-content:space-between;
}
.review-popup .popup-close{
display:none;
}
.review-popup .popup-back{
display:flex;
}
.review-popup p {
margin-bottom: auto;
font-size: 14px;
color: #888483;
text-align: center;
}
.ul-rate {
display: flex;
justify-content: space-between;
margin: 40px 15px 5px 15px;
padding: 0px;
}
.ul-rate li {
list-style:none;
}
.ul-rate li svg,.rating-stars svg,.review-stars svg {
fill:#fff;
stroke:#B8B5B4;
}
.rating-box {
margin-top: 25px;
display:flex;
flex-direction:row;
justify-content:space-between;
}
.rating-stars {
margin-right: auto;
}
.rating-stars svg {
width:22px;
height:22px;
}
.rating-grade {
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 28px;
width:40px;
}
.ul-rate li.active svg,.rating-stars svg.active,.review-stars svg.active {
fill:#F7AF44;
stroke:#F7AF44;
}
.claim-box,.success-box {
height: 100%;
display: flex;
flex-direction: column;
}
.claim-box {
margin-top: 16px;
}
.claim-box p,.description-box p{
margin-top:5px;
color: #888483;
font-size: 10px;
font-style: normal;
line-height: 16px; /* 160% */
letter-spacing: 0.1px;
margin-top: 0px;
text-align: left;
}
.success-box {
max-width: 300px;
margin: auto;
align-items: center;
justify-content: flex-end;
text-align:center;
}
.success-box h3 {
padding:0px;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 28px;
margin-bottom:24px;
}
.success-box p {
margin-top:24px;
font-size: 14px;
line-height: 18px;
letter-spacing: 0.1px;
color: #110906;
}
.success-content {
margin-top:50%;
margin-bottom: auto;
}
.claim-box button {
margin-top: auto;
position: sticky;
bottom: 0px;
}
.content-buttons {
display: flex;
white-space: nowrap;
overflow: hidden;
width: 120px;
justify-content: space-between;
}
.content-buttons button {
margin-left:auto;
}
.mb-10 {
margin-bottom:10px;
}
.home-button {
margin-bottom:10px;
display:none;
}
.slideshow {
position: relative;
}
.pro-slides {
display:flex;
flex-direction:column;
align-content:center;
height:100%;
}
.pro-slides button {
margin-top:auto;
}
.slide-show {
padding:0px;
margin:0px;
width:100%;
height:100%;
position: relative;
margin: auto;
display:flex;
align-content:center;
}
.slide-show ul {
width:100%;
}
.slide-item {
display: none;
list-style: none;
flex-direction: column;
justify-content: center;
align-items: center;
padding:0px;
margin:0px;
width:100%;
animation-name: fade;
animation-duration: 1.5s;
}
.slide-item.show {
display:flex;
}
.slide-item p {
color: #585351;
text-align: center;
font-size: 14px;
font-style: normal;
line-height: 18px;
letter-spacing: 0.1px;
min-height:36px;
}
.slide-item h3 {
color: #110906;
text-align: center;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 28px;
min-height: 56px;
margin: 50px 0px 30px 0px;
}
.slide-prev, .slide-next {
cursor: pointer;
position: absolute;
top: 50%;
margin-top: -22px;
color: white;
font-weight: 700;
transition: 0.6s ease;
border-radius: 0 3px 3px 0;
user-select: none;
height: 65px;
width: 40px;
display: flex;
align-items: center;
justify-content: center;
padding: 0 6px 0 0;
}
.slide-next {
right: 0;
border-radius: 3px 0 0 3px;
padding: 0 0 0 6px;
}
.slide-prev svg path,.slide-next svg path {
transition: all 0.6s ease;
}
.slide-prev:hover, .slide-next:hover {
background-color: #f1f1f1;
}
.slide-prev:hover svg path,.slide-next:hover svg path {
fill:#777;
}
.slide-html {
color: #f2f2f2;
font-size: 15px;
padding: 8px 12px;
position: absolute;
bottom: 0px;
width: 100%;
text-align: center;
height: 100%;
}
.slide-step {
color: #444;
font-size: 14px;
position: absolute;
bottom: -20px;
right: 2px;
}
ul.slide-pick {
text-align: center;
width: 100%;
padding:0px;
}
ul.slide-pick li {
cursor: pointer;
height: 8px;
width: 8px;
margin: 0 2px;
background-color: #d9d9d9;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}
.slide-pick li.active {
background-color: #865233;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
transition: background-color 5000s ease-in-out 0s, color 5000s ease-in-out 0s;
}
header, .main-filters {
top: -70px;
transition: top 0.25s linear;
}
.scroll-up .offers header,.scroll-up .offers .main-filters {
position: fixed;
top: 0px;
background: #fff;
margin: 0px;
z-index: 1;
}
.scroll-up .offers .main-filters {
top: 36px;
padding-right: 5%;
padding-left:5%;
width: 100%;
}
.scroll-up .offers {
padding-top: 97px;
}
.category-filter {
display: flex;
gap: 8px;
margin: 27px 5% 0 5%;
padding: 0px;
}
.category-filter:empty,.add-category-list:empty {
display:none;
}
.category-filter li.button-item {
display: flex;
min-width: 73px;
height: 25px;
line-height: 25px;
padding: 0px 12px;
align-items: center;
align-content: center;
justify-content: center;
align-items: center;
flex-shrink: 0;
border-radius: 16px;
color: #888483;
border: 1px solid #888483;
text-align: center;
font-size: 12px;
font-style: normal;
font-weight: 600;
letter-spacing: 0.1px;
box-sizing: border-box;
cursor: pointer;
list-style: none;
}
.category-filter li.button-item.active {
background: #865233;
border: none;
color: #FFF;
}
.address-box {
margin-top:29px;
}
.address-popup {
padding: 24px 0px 0px 0px;
}
.buttons {
display: flex;
flex-direction: column;
bottom: 23px;
width: 100%;
gap: 10px;
}
.address-popup .buttons {
z-index: 1;
position: absolute;
bottom: 22px;
width: 240px;
left: calc(50% - 120px);
}
.address-popup .popup-content {
padding:0px;
margin-top: -2px;
}
.address-popup .change-user-field {
position: sticky;
top: 0px;
background: #fff;
z-index: 1;
border-radius: 0 0 20px 20px;
padding: 0 36px;
}
.address-popup .popup-title {
padding-left: 36px;
}
.address-popup .success-box {
padding: 36px;
}
#map {
bottom: 0px;
height:100%;
}
#map .gm-fullscreen-control {
top:80px!important;
}
.intro {
display:block;
width: 100%;
position: fixed;
z-index: 10000;
overflow:hidden;
background-size: cover;
background-position:center;
background-repeat: no-repeat;
height: 100%;
background-color: rgba(255, 255, 255, 0.5);
backdrop-filter: blur(1.600000023841858px);
}
.intro video {
width: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.intro-text {
text-transform:uppercase;
z-index: 11;
position: absolute;
text-align: center;
padding-right:40px;
padding-left:40px;
width: 100%;
-webkit-text-stroke: 2px #552300;
text-stroke: 2px #552300;
top:150px;
opacity:0.9;
color: #D5A96D;
text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.10);
font-size: 34px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: 1.36px;
text-transform: uppercase;
}
#description {
font-size: 15px;
}
#infowindow-content .title {
font-weight: 700;
}
#infowindow-content {
display: none;
}
#map #infowindow-content {
display: inline;
}
.pac-card {
background-color: #fff;
border: 0;
padding: 0 0.5em;
overflow: hidden;
padding: 0;
border-radius: 0 0px 16px 16px;
width: 100%;
box-sizing: border-box;
}
#pac-container {
padding:27px 36px 0 36px;
}
#title2 {
color: #fff;
font-size: 25px;
font-weight: 600;
padding: 6px 12px;
}
.pac-container {
z-index:1000002;
}
.user-ads {
overflow-x:scroll;
white-space:nowrap;
}
.ul-ads {
display: flex;
width: 100%;
height: 220px;
padding:0px;
margin:0px;
gap:16px;
}
.ul-ads .ad-photo {
width: 142px;
height:150px;
border-radius:16px;
background-position: center;
background-size: cover;
margin-bottom: 6px;
}
.ul-ads li {
display:inline-block;
list-style: none;
width: 142px;
height: 211px;
}
.all-offers {
display: flex;
justify-content: space-between;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 18px;
margin: 26px 0;
align-items: center;
}
.all-offers a {
font-size: 10px;
font-style: normal;
line-height: 26px;
display: flex;
align-items: center;
gap: 5px;
}
.ul-ads a span {
font-size: 12px;
font-style: normal;
line-height: normal;
display: block;
padding: 3px 0px 3px 0px;
}
.ul-ads a .ad-price {
color: #932E33;
font-weight: 600;
}
.ul-ads a .ad-name {
color:#110906;
overflow: hidden;
text-overflow: ellipsis;
}
.ul-ads a .ad-date {
font-size: 10px;
line-height: 125%;
color:#888483;
}
.start-end {
display: flex;
gap: 10px;
margin-top: 16px;
width: 100%;
}
.login-popup {
padding: 0;
overflow: hidden;
}
.review-text {
font-size: 12px;
font-style: normal;
line-height: 16px;
letter-spacing: 0.1px;
padding-top:16px;
}
#reviews {
margin:0;
padding:0;
}
#reviews li {
list-style:none;
padding:16px 0;
}
.review-main {
display:flex;
justify-content: space-between;
width:100%;
}
.review-right {
display:flex;
flex-direction:column;
}
.review-date {
font-size: 10px;
font-style: normal;
line-height: 125%;
}
.scroll-to {
display: inline-flex;
padding: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 15px;
position: fixed;
bottom: 88px;
left: 16px;
visibility: hidden;
opacity: 0;
transition: visibility 0.5s linear,opacity 0.5s linear;
background: #fff;
box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.10);
backdrop-filter: blur(1.600000023841858px);
}
.scroll-up .scroll-to {
visibility:visible;
opacity:0.95;
}
li.drop-down,.tp-down,.tp-up {
background-position: right 8px;
background-repeat: no-repeat;
background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.2044 8.2044C3.93187 8.47694 3.93187 8.91881 4.2044 9.19135L10.2713 15.2582C11.2603 16.2473 12.8746 16.2473 13.8636 15.2582L19.9305 9.19135C20.2031 8.91881 20.2031 8.47694 19.9305 8.2044C19.658 7.93187 19.2161 7.93187 18.9436 8.2044L12.8767 14.2713C12.4327 14.7152 11.7022 14.7152 11.2582 14.2713L5.19135 8.2044C4.91881 7.93187 4.47694 7.93187 4.2044 8.2044Z' fill='%23110906'/%3E%3C/svg%3E%0A");
overflow:hidden;
gap:0;
}
.drop-down .drop-down-content {
display: grid;
grid-template-rows: 0fr;
transition: grid-template-rows 0.5s ease-out;
}
.drop-down .drop-down-content div {
overflow:hidden;
}
.drop-down.active,.tp-up {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.2044 15.7956C3.93187 15.5231 3.93187 15.0812 4.2044 14.8086L10.2713 8.74177C11.2603 7.75274 12.8746 7.75274 13.8636 8.74177L19.9305 14.8086C20.2031 15.0812 20.2031 15.5231 19.9305 15.7956C19.658 16.0681 19.2161 16.0681 18.9436 15.7956L12.8767 9.72872C12.4327 9.28477 11.7022 9.28477 11.2582 9.72872L5.19135 15.7956C4.91881 16.0681 4.47694 16.0681 4.2044 15.7956Z' fill='%23110906'/%3E%3C/svg%3E%0A");
}
.drop-down.active .drop-down-content {
grid-template-rows: 1fr;
padding-bottom: 16px;
}
.faq-popup .input-box svg {
margin: 0 10px;
}
.faq-popup .input-box svg path{
stroke: #aaaaaa;
margin: 0 10px;
}
.highlight {
background: #fff77399;
}
.messages .highlight {
background:transparent;
color:#F7AF44;
font-size: 12px;
font-style: normal;
font-weight: inherit;
line-height: normal;
display:inline-block;
}
.support-popup .popup-content,.faq-popup .popup-content {
padding-top: 16px;
}
.support-popup .popup-content {
display: flex;
flex-direction: column;
}
.support-popup .input-box {
flex-grow: unset;
}
.support-popup button {
margin-top:auto;
}
.subject-box svg {
margin: 0 10px;
}
#tp-wrap *::selection {
background: transparent;
}
#tp-wrap {
height: 100%;
opacity: 1;
visibility: visible;
}
#tps {
width: 320px;
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: auto;
}
.tp-box {
width: 33.3%; padding: 0 15px;
text-align: center;
margin:50px 0;
}
.tp-up, .tp-down {
height: 40px;
background-position: center;
display: block;
width: 100%;
border: none;
background-color: transparent;
}
.tp-up:disabled, .tp-down:disabled {
opacity:0.25;
}
.tp-val {
width: 100%;
padding: 4px 0;
text-align: center;
font-size: 22px;
border: none;
background: #110906;
color: #fff;
}
/* (D) CLOSE & SET BUTTON */
#tp-close, #tp-set {
width: 50%; padding: 15px 0; border: 0;
font-size: 18px; font-weight: 700;
color: #fff; cursor: pointer;
}
#tp-close { background: #951a1a; }
#tp-set { background: #1339a7; }
/* (E) 24-HOUR MODIFY */
#tp-wrap.tp-24 #tp-ap { display: none; }
#tp-wrap.tp-24 #tp-hr, #tp-wrap.tp-24 #tp-min { width: 50%; }
.widget-wrap {
position:absolute;
width: 500px;
padding: 30px;
border-radius: 20px;
background: rgba(255, 255, 255, 0.5);
}
.widget-wrap label, .widget-wrap input {
display: block;
padding: 10px;
width: 100%;
}
/* SVG */
#hash {
width: 100px; height:100px;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: center;
}
/* FOOTER */
#code-boxx {
font-weight: 600;
margin-top: 30px;
}
#code-boxx a {
display: inline-block;
padding: 5px;
text-decoration: none;
background: #b90a0a;
color: #fff;
}
.deleting h3 {
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 30px;
}
.deleting ul {
padding: 0 15px;
width: 320px;
}
.deleting ul li {
font-size: 12px;
font-style: normal;
line-height: 16px;
letter-spacing: 0.1px;
}
.delete-popup .popup-content {
display: flex;
flex-direction: column;
}
.pro-banner {
height: 206px;
flex-shrink: 0;
border-radius: 16px;
background: #E7DCD6;
border: none;
margin: 48px -36px 0px -36px;
padding:24px 35px;
background-image:url('/src/img/webp/pro-bckg.webp');
background-repeat:no-repeat;
background-position:right center;
background-size: contain;
}
.pro-banner h3 {
color:#865233;
display: flex;
height: 48px;
flex-direction: column;
justify-content: center;
flex-shrink: 0;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 22px;
margin:0;
padding:0;
}
.pro-banner p {
width: 200px;
margin: 10px 0;
color: #5F3C26;
font-size: 12px;
font-style: normal;
line-height: 16px;
letter-spacing: 0.1px;
}
.pro-banner button {
margin-top:5px;
}
.install {
display:none;
justify-content:center;
width: 100%;
background: linear-gradient(90deg, #865233 1.6%, #251410 100%);
}
.install>div {
display:flex;
align-items: center;
flex-shrink: 0;
height: 74px;
justify-content: space-between;
}
.install svg {
stroke:#fff;
}
.install a {
font-size:12px;
padding-left:14px;
height:30px;
}
.install a svg {
fill:#fff;
}
.install p {
color: rgba(255, 255, 255, 0.70);
font-size: 10px;
font-style: normal;
line-height: 125%;
}
.install-icon {
display: flex;
width: 54px;
height: 54px;
justify-content: center;
align-items: center;
flex-shrink: 0;
background-image:url('/src/img/png/install.png');
background-size: 100%;
border-radius:16px;
}
.install-text {
padding: 10px;
}
.install-text h4 {
color: #fff;
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 22px;
color:#fff;
margin:0px;
}
.install-close {
padding:18px;
}
.request {
padding:16px 38px;
border-radius: 16px;
box-shadow: 0px 2px 15px 0px rgba(95, 60, 38, 0.12);
height: 178px;
margin: 0 -5.6% 0 -5.6%;
background: url(/src/img/png/request.png),linear-gradient(359deg, #4C301E 0.87%, #865233 99.08%);
background-repeat: no-repeat;
background-position: right;
background-size: auto 100%;
}
.request h3 {
width: 175px;
color: #fff;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 22px;
margin:0px;
}
.request p {
color: #fff;
font-size: 12px;
font-style: normal;
line-height: 16px;
letter-spacing: 0.1px;
width: 145px;
margin-top: 10px;
margin-bottom: 5px;
}
.request button {
font-weight:700;
}
.ul-list > li.photo-option a {
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 18px;
letter-spacing: 0.1px;
text-align:center;
color:#5F3C26;
}
.new-msgs,.messages li .new-msg {
display: flex;
min-width: 13px;
height: 13px;
justify-content: center;
align-items: center;
gap: 10px;
flex-shrink: 0;
border-radius: 100%;
background: #49B774;
position: absolute;
right: -5px;
top: -5px;
color: #fff;
font-size: 8px;
font-style: normal;
display:none;
}
.messages li .new-msg {
right: -4px;
top: -1px;
}
@keyframes fade {
from {opacity: .4}
to {opacity: 1}
}
.coming {
display:none;
}
@media screen and (max-width: 380px){
.auth-box {
padding: 0px;
}
}
@media (min-width: 768px) {
html {
background-image:url('/src/img/webp/coming-bkg.webp');
background-repeat:no-repeat;
background-position:right center;
background-size: cover;
background-attachment: fixed;
display:flex;
justify-content:flex-end;
}
body,main nav,.loading,.overlay,.popup,.alert-box,.confirm,.intro,.intro video {
width:380px;
max-width:380px;
}
.overlay,.popup,.alert-box {
margin-left:calc(100% - 380px);
}
main {
box-shadow: -2px 1px 1px #3f3f3f12;
}
.coming {
display: block;
position: fixed;
left: calc(28% - 320px);
top: 76px;
font-size: 34px;
font-weight: 700;
text-align: center;
padding-right: 0px;
padding-left: 120px;
max-width: 50%;
}
.coming span {
display: block;
font-size: 20px;
}
body:before {
content:'';
display:block;
position: fixed;
right: calc(50% + 80px);
bottom: 0px;
display: block;
width: 300px;
height: 400px;
background-image:url('/src/img/webp/coming-bob.webp');
background-size:100%;
background-repeat:no-repeat;
background-position:center;
z-index:1;
}
}
@media screen and (max-height: 600px) {
body:before {
top:200px;
}
.coming {
top: 50px;
}
}