:root {--mc: #3F8E73;}
/*main*/
html {overflow-y:scroll;}
@supports (scrollbar-gutter:stable) {
html {overflow-y:auto;scrollbar-gutter:stable;}
}
body {font-family: 'Rubik', sans-serif;line-height:1.4; font-size:16px; overflow-x:hidden;color:#373b41; font-weight:400; }
a {transition:.2s; text-decoration:none; color:inherit; border-bottom:1px solid transparent}
a:hover {color:var(--mc)}
.inner {width:95%; max-width:1030px; margin:0 auto; }
.outer {width:95%; max-width:1280px; margin:0 auto; }
.wrapper {width:95%; max-width:1200px; margin:0 auto; }
.btn {font:inherit;height:40px;line-height:40px; padding:0 30px; border-radius:25px; border:none; cursor:pointer; text-decoration:none; transition:.2s;position: relative; margin:0 auto; font-size:16px;display:inline-block}
.s1 {background:var(--mc); color:#fff;white-space:nowrap }
.s1:hover {box-shadow:2px 8px 7px 1px rgb(95 95 95 / 11%);color:#fff}
.s2 {background:#fff; display: flex; align-items: center; margin:0}
.s3 {background:#003fa9; color:#fff;white-space:nowrap }
.s3:hover {box-shadow:2px 8px 7px 1px rgb(95 95 95 / 11%);}
.s4 {background:#E68386; color:#fff;white-space:nowrap;padding: 0 15px; }
.s4 .roundedIcon {background:#E68386; }
.s4:hover {box-shadow:2px 8px 7px 1px rgb(95 95 95 / 11%); color:#fff}
h1, .h1 {font-size:50px; font-weight:500; margin-bottom:20px; line-height:1.1}
h2, .h2 {font-weight: bold;font-size: 30px; margin-bottom:30px}
h3, .h3 {font-size: 24px; margin-bottom:30px;font-weight:bold;}
h4, .h4{font-weight:bold; margin-bottom:30px}
.roundedIcon {width:30px; height:30px; background:var(--mc); color:#fff; border-radius:100%; display:inline-block; text-align: center;line-height: 30px; font-size: 16px; border:none; }
.roundedIcon.xs {width:20px; height:20px; line-height: 20px; font-size:10px}
.roundedIcon i {line-height:30px}
.roundedIcon.xs i {line-height:20px}
.langSelecter {
display: flex;
align-items: center;
padding: 0px 15px;
/* border: 1px solid #bbb; */
border-radius: 25px;
margin-left: 20px;
height: 40px;
/* box-shadow: 0px 2px 6px 0px #e4e4e4; */
}
.langSelecter img {
display: block;
width: 24px;
height: 18px;
border-radius: 6px;
margin-left: 0px;
object-fit: cover;
}
.currencySelecter {
display: flex;
align-items: center;
padding: 0px 10px;
/* border: 1px solid #bbb; */
border-radius: 25px;
margin-left: 20px;
height: 40px;
/* box-shadow: 0px 2px 6px 0px #e4e4e4; */
}
.currencySelecter strong {font-weight:bold}
.wishlistHeaderLink {display:flex;align-items:center;padding:0 10px;border-radius:25px;margin-left:10px;height:40px;white-space:nowrap;}
.wishlistHeaderLink .roundedIcon {margin-left:8px;}
.number {display:flex; align-items:center; padding:3px 15px;border: 1px solid #bbb; border-radius: 25px; height:40px;}
.number label {margin-right:auto}
.number label + button {margin-left:10px}
.number button {display: flex;align-items: center; justify-content: center;width:25px; height:25px; background:#000; color:#fff; font-size:20px;border-radius:100%; line-height:25px; text-align:center; cursor:pointer; border:none; transition:.2s}
body .number input[type=number] {max-width:50px ; min-width:50px ;border:none; padding:0; margin:0 5px; display:block;height: auto; line-height: 1; margin: 0px 5px 0 13px; text-align:center; outline:none !important}
/*header*/
.header {padding:20px 0; border-bottom:1px solid #bbb}
.header .wrapper {display:flex; align-items:cener; }
.headerMenu {display:flex; align-items:center; gap:18px; margin-left:30px; margin-left: auto;}
.headerMenu a {font-weight:500; white-space:nowrap;}
.headerMenu a:hover {color:var(--mc);}
.header .langSelecter {margin-left:auto;}
.headerFilters {position:fixed; z-index:50; top:167px; right:0; display:flex; flex-direction:column; align-items:flex-end; gap:8px; margin-left:0;}
.headerFilters > a {display:flex; align-items:center; justify-content:flex-end; min-width:150px; padding:0 8px 0 14px; height:40px; border-radius:25px 0 0 25px; background:#fff; box-shadow:0px 2px 6px 0px #e4e4e4; white-space:nowrap;}
.headerFilters > a span {display:block; margin-left:8px;}
.header form {display:flex; margin:0 auto 0 20px;}
.header form ._input {border:1px solid #bbb; display:flex; overflow:hidden}
.header form ._input + ._input {border-left:0}
.header form ._input:first-of-type {border-radius:25px 0 0 25px}
.header form ._input:last-of-type {border-radius:0 25px 25px 0 }
.header form input {border:none; outline:none !important; padding:0 5px;max-width: 150px;}
.header form button {align-self: center;margin-right: 7px;}
.header ._user {
display: flex;
align-items: center;
padding: 0px 10px;
/* border: 1px solid #bbb; */
border-radius: 25px;
margin-left: 20px;
height: 40px;
/* box-shadow: 0px 2px 6px 0px #e4e4e4; */
}.header ._user span {display:block; width:30px; height:30px; border-radius:100%; margin-left:10px; object-fit:cover}
.header .menu_has_childs {position:relative; margin-left:0px;}
.header .menu_has_childs ._user {margin-left:0;}
.header .menu_has_childs > .childrens {
position:absolute;
top: calc(100% + -5px);
right:0;
background:#fff;
min-width:220px;
list-style:none;
padding:10px 0;
border:1px solid #ddd;
box-shadow:0 6px 18px rgba(0,0,0,.08);
border-radius:10px;
display:none;
z-index:100;
}
.header .menu_has_childs > .childrens li a,
.header .menu_has_childs > .childrens li form button {
display:block;
width:100%;
text-align:left;
padding:10px 14px;
color:inherit;
text-decoration:none;
background:none;
border:0;
cursor:pointer;
}
.header .menu_has_childs > .childrens li a:hover,
.header .menu_has_childs > .childrens li form button:hover {background:#f7f7f7;}
.header .menu_has_childs:hover > .childrens,
.header .menu_has_childs:focus-within > .childrens {display:block;}
/*footer*/
.footer {border-top:1px solid #bbb; padding:20px}
.footer .wrapper {display:flex; align-items:flex-start; justify-content:space-between}
.footer ._menu {width:30%;}
.footer ._menu nav {display:flex; flex-direction:column}
.footer ._menu nav a {margin-bottom:5px}
.postFooter {border-top:1px solid #bbb; padding:20px}
.postFooter .wrapper {display:flex; align-items:center}
.postFooter nav {display:flex; align-items:center; margin-left:10px}
.postFooter nav a {display:block; padding:0 10px; border-left:1px solid #373b41}
.postFooter ._soc {display:flex; align-items:center; margin-left:10px; margin-right:auto;}
.postFooter ._soc a {display:block;margin-right: 15px;font-size: 18px;}
.postFooter ._copy {margin-left:20px}
/*rewsList*/
.rewsSection {padding:50px}
.rewsSectionHead {display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px;}
.rewsSectionHead .h3 {margin-bottom:0;}
.rewsTools {display:flex;align-items:center;gap:18px;margin-left:auto;}
.rewsAverage {display:flex;align-items:center;gap:8px;font-weight:700;}
.rewsSort {display:flex;align-items:center;gap:8px;font-size:14px;}
.rewsSort select {height:36px;border:1px solid #bbb;border-radius:18px;padding:0 12px;background:#fff;font:inherit;outline:none;}
.starsRating {
--rating:0;
--percent:calc(var(--rating) / 5 * 100%);
display:inline-block;
font-size:18px;
line-height:1;
letter-spacing:2px;
font-family:"Font Awesome 6 Free";
font-weight:900;
background:linear-gradient(90deg, #f4b400 var(--percent), #d7d7d7 var(--percent));
-webkit-background-clip:text;
background-clip:text;
color:transparent;
white-space:nowrap;
}
.starsRating:before {content:"\f005\f005\f005\f005\f005";}
.starsRatingLight {
background:linear-gradient(90deg, #f4b400 var(--percent), #fff var(--percent));
-webkit-background-clip:text;
background-clip:text;
}
.ratingStarsBadge,
.advertStarsInline {
display:flex;
align-items:center;
gap:7px;
}
.ratingStarsBadge strong,
.advertStarsInline strong {
font-weight:400;
}
.rewsList {}
.rewsList ._item {padding:15px;}
.rewsList ._item > div {padding:15px; border-radius:25px; }
.rewsList ._head {
display: flex;
align-items: center;
margin-bottom: 15px;
}
.rewsList .__img {display:block; border-radius:100%; width:75px; height:75px; margin-right:25px; overflow:hidden; }
.rewsList .__img img {width:100%; height:100%; object-fit:cover;}
.rewsList .__name {font-weight:bold; display:flex; flex-direction:column}
.rewsList .__name span {font-size:13px; color:#bbb; margin-top:5px; font-weight:normal}
.rewsList .__rating {display:flex;align-items:center;gap:7px;margin-left:auto;font-weight:700;}
.rewsList .slick-arrow { width:50px; height:50px; position:absolute; top:50%; margin-top:-25px; left:-30px; border-radius:100%; border:none;font-size: 0;display: flex;align-items: center;justify-content: center;transform: rotate(45deg); cursor:pointer; transition:.2s;z-index:3;background:none}
.rewsList .slick-arrow:before {content:''; display:block; width:20px; height:20px; border-left:2px solid #000;border-bottom:2px solid #000; margin-top:-6px; margin-left:6px;}
.rewsList .slick-arrow:hover {background:none}
.rewsList .slick-arrow.slick-next {right:-30px; left:auto;transform: rotate(225deg)}
.rewsList .slick-dots {display: flex;width: 100%;justify-content: center;align-items: center; margin-top:20px}
.rewsList .slick-dots li {width: 10px;height: 10px;display: flex;margin: 0 7px; border-radius: 100%;transition: .2s;cursor: pointer;background:#bbb;}
.rewsList .slick-dots li button {display:none}
.rewsList .slick-dots li.slick-active {background:#444;}
.rewsSection.gridLayout .rewsList {
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:20px;
}
.rewsSection.gridLayout .rewsList ._item {
padding:0;
}
.rewsSection.gridLayout .rewsList ._item > div {
height:100%;
}
.rewsSection.gridLayout .rewsList .slick-arrow,
.rewsSection.gridLayout .rewsList .slick-dots {
display:none !important;
}
.rewsSection.gridLayout .rewsList ._item {
width:auto !important;
}
.rewsSection.gridLayout .rewsList ._item.hidden,
.rewsList ._item.hidden {
display:none !important;
}
.rewsSection.gridLayout .rewsList ._item > div {
border-radius:18px;
}
.rewsLoadMoreWrap {display:flex;justify-content:center;margin-top:24px;}
.rewsLoadMoreWrap .btn {margin:0;}
@media (max-width: 767px) {
.rewsSection.gridLayout .rewsList {
grid-template-columns:1fr;
}
}
/*callback rews modal*/
.reviewOwnerReply {margin-top:18px;padding:14px 16px;background:#eef8f2;border-left:3px solid #3F8E73;border-radius:0 8px 8px 0;color:#46534d;}
.reviewOwnerReplyHead {display:flex;align-items:center;gap:8px;margin-bottom:8px;color:#2f6f5a;}
.reviewOwnerReplyHead time {margin-left:auto;color:#7b8781;font-size:12px;font-weight:400;}
.reviewOwnerReplyForm {margin-top:14px;border-top:1px solid #e2e9e5;padding-top:12px;}
.reviewOwnerReplyForm summary {display:inline-flex;color:#3F8E73;font-weight:700;cursor:pointer;}
.reviewOwnerReplyForm form {margin-top:12px;}
.reviewOwnerReplyForm textarea {display:block;width:100%;min-height:90px;padding:11px 12px;border:1px solid #ccd9d2;border-radius:8px;font:inherit;resize:vertical;outline:none;}
.reviewOwnerReplyForm textarea:focus {border-color:#3F8E73;box-shadow:0 0 0 3px rgba(63,142,115,.12);}
.reviewOwnerReplyForm .btn {height:36px;line-height:36px;margin:10px 0 0;padding:0 18px;font-size:14px;}
.advertCallback {padding:20px; background:#fff}
.advertCallback ._title {font-weight:bold; text-align:center; margin-bottom:20px}
.advertCallback textarea {width:100%; height:200px; margin:0 auto; padding:10px; font:inherit;border: 1px solid #bbb; border-radius:4px}
.advertCallback input {width:100%; height:40px; line-height:40px; margin:0 auto; padding:10px; font:inherit;border: 1px solid #bbb; border-radius:4px}
.advertCallback .label {margin-bottom:5px;}
.advertCallback .btn {display:table; margin:20px auto 0 auto;}
.contactCtaPopup {
width: min(94vw, 560px);
background:#fff;
border-radius:18px;
overflow:hidden;
box-shadow:0 24px 70px rgba(0,0,0,.22);
}
.contactCtaPopupInner {padding:34px;}
.contactCtaIcon {
width:58px;
height:58px;
margin:0 auto 16px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
background:#EEF8F2;
color:#3F8E73;
font-size:26px;
}
.contactCtaHead {text-align:center;margin-bottom:22px;}
.contactCtaHead ._title {font-size:28px;font-weight:700;line-height:1.15;margin-bottom:8px;}
.contactCtaHead p {margin:0;color:#59626d;line-height:1.45;}
.contactForm7Style .ajaxform-field {margin-bottom:12px;}
.contactForm7Style input,
.contactForm7Style textarea {
width:100%;
border:1px solid #d8e3dd;
border-radius:12px;
background:#f8fbf9;
color:#373b41;
font:inherit;
outline:none;
transition:.2s;
}
.contactForm7Style input {height:48px;padding:0 15px;}
.contactForm7Style textarea {min-height:130px;padding:14px 15px;resize:vertical;}
.contactForm7Style input:focus,
.contactForm7Style textarea:focus {
border-color:#3F8E73;
background:#fff;
box-shadow:0 0 0 3px rgba(63,142,115,.14);
}
.contactFormGrid {display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.contactForm7Style .ajaxform-btns {display:flex;justify-content:center;margin-top:18px;}
.contactForm7Style .ajaxform-btns .btn {min-width:190px;margin:0;}
.contactForm7Style .ajaxform-btns .btn.now_sending {opacity:.7;pointer-events:none;}
.inlinePopupActive {overflow:hidden;}
.inlinePopupOverlay {
position:fixed;
inset:0;
z-index:10020;
display:flex;
align-items:center;
justify-content:center;
padding:20px;
}
.inlinePopupBackdrop {
position:absolute;
inset:0;
background:rgba(0,0,0,.62);
}
.inlinePopupBox {
position:relative;
z-index:1;
max-width:100%;
max-height:calc(100vh - 40px);
overflow:auto;
}
.inlinePopupClose {
position:absolute;
top:10px;
right:12px;
z-index:2;
width:34px;
height:34px;
border:0;
border-radius:50%;
background:#EEF8F2;
color:#3F8E73;
font-size:24px;
line-height:30px;
cursor:pointer;
}
@media (max-width: 640px) {
.contactCtaPopupInner {padding:26px 18px;}
.contactFormGrid {grid-template-columns:1fr;gap:0;}
}
.shareAdvertPopup {padding:24px;background:#fff;min-width:320px;border-radius:8px;}
.shareAdvertPopup ._title {font-weight:bold;text-align:center;margin-bottom:18px;font-size:22px;}
.shareAdvertLinks {display:grid;grid-template-columns:1fr;gap:10px;}
.shareAdvertLinks a,
.shareAdvertLinks button {display:flex;align-items:center;gap:10px;width:100%;height:44px;padding:0 14px;border:1px solid #ddd;border-radius:8px;background:#fff;color:#373b41;font:inherit;cursor:pointer;text-align:left;}
.shareAdvertLinks a:hover,
.shareAdvertLinks button:hover {border-color:#3F8E73;color:#3F8E73;}
.shareAdvertLinks i {width:20px;text-align:center;}
.shareAdvertLinks .fa-x-twitter:before {content:"X";font-family:'Rubik', sans-serif;font-weight:700;}
.lity-iframe .lity-container {max-width:620px;}
.lity-iframe .lity-iframe-container {padding-top:0;height:720px;max-height:90vh;background:#fff;}
.lity-iframe .lity-iframe-container iframe {background:#fff;}
/*chat*/
.chatHeaderLink {
display: flex;
align-items: center;
margin-left: 16px;
font-weight: 400;
display: flex;
align-items: center;
padding: 0 10px;
border-radius: 25px;
margin-left: 10px;
height: 40px;
white-space: nowrap;
position: relative;
}
.chatHeaderLink .roundedIcon {margin-left:8px;}
.chatHeaderBadge, .bookingHeaderBadge {
position: absolute;
top: -12px;
right: -12px;
min-width: 19px;
height: 19px !important;
padding: 0 6px;
border-radius: 12px;
background: #E68386;
color: #fff;
font-size: 10px;
line-height: 20px;
text-align: center;
width: 19px !important;
font-weight: 700;
}
.userIconWithBadge {position:relative;}
.chatPage {padding:44px 0 60px;background:#f7fbf9;}
.chatPage h1 {font-size:38px;margin-bottom:24px;}
.chatLayout {display:grid;grid-template-columns:340px minmax(0,1fr);gap:18px;min-height:640px;}
.chatSidebar,
.chatMain {background:#fff;border:1px solid #dce8e2;border-radius:10px;box-shadow:0 8px 28px rgba(0,0,0,.04);}
.chatSidebar {overflow:hidden;}
.chatSidebarTitle {padding:18px 20px;font-weight:700;border-bottom:1px solid #edf3f0;}
.chatDialogItem {display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;padding:14px 16px;border-bottom:1px solid #edf3f0;color:#273038;}
.chatDialogItem:hover,
.chatDialogItem.active {background:#eef8f2;color:#273038;}
.chatDialogItem.hasUnread {background:#f2fbf6;}
.chatDialogItem.hasUnread .chatDialogInfo strong {color:#143f31;}
.chatAvatar {width:48px;height:48px;border-radius:50%;overflow:hidden;background:#3F8E73;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;}
.chatAvatar img {width:100%;height:100%;object-fit:cover;}
.chatAvatar img.systemLogoAvatar {object-fit:contain;padding:6px;background:#fff;}
a.chatAvatar:hover {color:#fff;opacity:.9;}
.chatDialogInfo {min-width:0;display:flex;flex-direction:column;}
.chatDialogInfo strong {font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.chatDialogInfo span,
.chatDialogInfo em {font-size:13px;color:#6b747d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-style:normal;}
.chatUnread {width:22px;height:22px;border-radius:50%;background:#3F8E73;color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center;}
.chatMain {display:flex;flex-direction:column;min-width:0;}
.chatHeader {display:flex;align-items:center;gap:14px;padding:18px 22px;border-bottom:1px solid #edf3f0;}
.chatHeader strong {display:block;font-size:18px;}
.chatHeader a {display:block;color:#3F8E73;font-size:14px;margin-top:3px;}
.chatHeader .chatUserProfileLink {font-size:18px;font-weight:700;color:#273038;margin-top:0;}
.chatHeader .chatUserProfileLink:hover {color:#3F8E73;}
.chatMessages {flex:1;overflow:auto;padding:24px;background:linear-gradient(180deg,#fbfdfc 0,#fff 100%);}
.chatSidebar,
.chatMessages {scrollbar-width:thin;scrollbar-color:#74b59b #edf6f1;}
.chatSidebar::-webkit-scrollbar,
.chatMessages::-webkit-scrollbar {width:9px;height:9px;}
.chatSidebar::-webkit-scrollbar-track,
.chatMessages::-webkit-scrollbar-track {background:#edf6f1;border-radius:8px;}
.chatSidebar::-webkit-scrollbar-thumb,
.chatMessages::-webkit-scrollbar-thumb {background:#74b59b;border:2px solid #edf6f1;border-radius:8px;}
.chatSidebar::-webkit-scrollbar-thumb:hover,
.chatMessages::-webkit-scrollbar-thumb:hover {background:#3F8E73;}
.chatSidebar::-webkit-scrollbar-corner,
.chatMessages::-webkit-scrollbar-corner {background:#edf6f1;}
.chatNewSeparator {display:flex;align-items:center;gap:12px;margin:18px 0;color:#3F8E73;font-size:13px;font-weight:700;text-align:center;}
.chatNewSeparator:before,
.chatNewSeparator:after {content:'';height:1px;background:#cfe3d8;flex:1;}
.chatNewSeparator span {white-space:nowrap;}
.chatMessage {display:flex;margin-bottom:14px;}
.chatMessage.mine {justify-content:flex-end;}
.chatMessage.theirs {justify-content:flex-start;}
.chatBubble {max-width:min(72%,620px);border-radius:18px;padding:12px 14px;background:#eef3f1;color:#273038;}
.chatMessage.mine .chatBubble {background:#3F8E73;color:#fff;}
.chatBubbleText {line-height:1.45;}
.chatBubbleMeta {font-size:12px;opacity:.72;margin-top:6px;display:flex;justify-content:flex-end;gap:8px;align-items:center;}
.chatReadStatus {font-weight:600;}
.chatReadStatus.read {color:#cffff0;}
.chatMessage.theirs .chatBubbleMeta {justify-content:flex-start;}
.chatSendForm {display:flex;gap:12px;padding:16px;border-top:1px solid #edf3f0;background:#fff;border-radius:0 0 10px 10px;}
.chatSendForm textarea {flex:1;min-height:54px;max-height:140px;border:1px solid #d8e3dd;border-radius:14px;padding:14px;font:inherit;resize:vertical;outline:none;}
.chatSendForm textarea:focus {border-color:#3F8E73;box-shadow:0 0 0 3px rgba(63,142,115,.12);}
.chatSendForm .btn {align-self:flex-end;margin:0;height:48px;line-height:48px;}
.chatEmptySmall {padding:18px;color:#6b747d;}
.chatEmptyState {height:100%;min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#6b747d;padding:30px;}
.chatEmptyState i {font-size:46px;color:#3F8E73;margin-bottom:16px;}
.chatEmptyState strong {font-size:22px;color:#273038;margin-bottom:8px;}
@media (min-width: 901px) {
.chatLayout {height:clamp(520px,calc(100vh - 230px),760px);height:clamp(520px,calc(100dvh - 230px),760px);min-height:0;max-height:760px;}
.chatSidebar {height:100%;overflow-x:hidden;overflow-y:auto;}
.chatSidebarTitle {position:sticky;top:0;z-index:2;background:#fff;}
.chatMain {height:100%;min-height:0;overflow:hidden;}
.chatHeader,
.chatSendForm {flex-shrink:0;}
.chatMessages {min-height:0;overscroll-behavior:contain;}
}
@media (max-width: 900px) {
.chatLayout {grid-template-columns:1fr;min-height:0;}
.chatSidebar {max-height:320px;overflow:auto;}
.chatMessages {min-height:420px;}
}
@media (max-width: 640px) {
.chatPage {padding:28px 0 40px;}
.chatPage h1 {font-size:30px;}
.chatSendForm {flex-direction:column;}
.chatSendForm .btn {align-self:stretch;}
.chatBubble {max-width:88%;}
}
.advertReviewForm {padding:36px 50px 0;}
.advertReviewForm .wrapper {max-width:900px;}
.advertReviewForm ._title {font-size:26px;font-weight:700;margin-bottom:20px;text-align:left;}
.advertReviewForm .rewsForm {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px 30px;align-items:end;padding:28px;border:1px solid #d8e9df;border-radius:8px;background:#f8fcfa;box-shadow:0 8px 24px rgba(39,49,58,.06);}
.advertReviewForm .reviewTextField {grid-column:1/-1;}
.advertReviewForm .rewsForm label,
.advertReviewForm .rewsForm legend {display:block;margin:0 0 9px;font-weight:700;color:#273038;}
.advertReviewForm .rewsForm label span,
.advertReviewForm .rewsForm legend span {color:#d24f61;}
.advertReviewForm .rewsForm textarea {display:block;width:100%;min-height:150px;padding:15px 16px;font:inherit;line-height:1.55;color:#273038;border:1px solid #b9c9c1;border-radius:7px;background:#fff;resize:vertical;outline:none;transition:border-color .2s,box-shadow .2s;}
.advertReviewForm .rewsForm textarea:focus {border-color:#3F8E73;box-shadow:0 0 0 3px rgba(63,142,115,.13);}
.advertReviewForm .reviewRatingField {min-width:230px;margin:0;padding:0;border:0;}
.advertReviewForm .reviewStars {display:inline-flex;flex-direction:row-reverse;justify-content:flex-end;gap:5px;padding:8px 12px;border:1px solid #d8e9df;border-radius:7px;background:#fff;}
.advertReviewForm .reviewStars input {position:absolute;width:1px;height:1px;margin:0;padding:0;opacity:0;pointer-events:none;}
.advertReviewForm .reviewStars label {margin:0;color:#d5ddd9;font-size:29px;line-height:1;cursor:pointer;transition:color .18s,transform .18s;}
.advertReviewForm .reviewStars label:hover,
.advertReviewForm .reviewStars label:hover ~ label,
.advertReviewForm .reviewStars input:checked ~ label {color:#f2b827;}
.advertReviewForm .reviewStars label:hover {transform:scale(1.12);}
.advertReviewForm .reviewStars input:focus-visible + label {outline:2px solid #3F8E73;outline-offset:3px;border-radius:3px;}
.advertReviewForm .rewsForm .btn {display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:190px;margin:0;height:46px;line-height:46px;font-weight:700;}
@media (max-width:700px) {
.advertReviewForm {padding:26px 0 0;}
.advertReviewForm .rewsForm {grid-template-columns:1fr;padding:20px;}
.advertReviewForm .reviewTextField {grid-column:auto;}
.advertReviewForm .rewsForm .btn {width:100%;}
}
.citySeoText {padding:35px 0 60px;}
.citySeoText h1 {font-size:30px;line-height:1.2;margin-bottom:18px;}
.citySeoText div {font-size:16px;line-height:1.7;color:#333;}
.searchPageTitle {padding:26px 0 0;}
.searchPageTitle .wrapper {display:flex;align-items:flex-end;justify-content:space-between;gap:24px;}
.searchPageTitle h1 {font-size:34px;line-height:1.2;margin:0;font-weight:700;}
.searchResultsSort {display:flex;align-items:center;gap:10px;flex-shrink:0;}
.searchResultsSort label {font-size:14px;font-weight:600;color:#4f5864;white-space:nowrap;}
.searchResultsSort select {min-width:190px;height:42px;padding:0 38px 0 14px;border:1px solid #b9c9c1;border-radius:6px;background:#fff;color:#373b41;font:inherit;cursor:pointer;outline:none;}
.searchResultsSort select:focus {border-color:#3F8E73;box-shadow:0 0 0 3px rgba(63,142,115,.12);}
.advancedPropertyOnly.hidden {display:none;}
.advancedMapLink {display:inline-flex;align-items:center;gap:8px;color:#2f2945;font-weight:600;white-space:nowrap;}
.advancedMapLink i {font-size:18px;}
.clearFiltersLink {display:inline-flex;align-items:center;gap:8px;color:#6b7280;border-bottom-color:#d8e3dd;font-weight:500;white-space:nowrap;}
.clearFiltersLink:hover {color:#3F8E73;border-bottom-color:#3F8E73;}
.mapPoiFilters {padding:0 0 18px;background:#EEF8F2;}
.mapPoiFilters .wrapper {display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.mapPoiFilters ._title {font-weight:700;color:#2f2945;}
.mapPoiFilters ._items {display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.mapPoiFilters button {display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 13px;border:1px solid #cfe3d8;border-radius:20px;background:#fff;color:#2f2945;font:inherit;font-size:14px;cursor:pointer;transition:.2s;}
.mapPoiFilters button:hover,
.mapPoiFilters button.active {background:#3F8E73;border-color:#3F8E73;color:#fff;}
.mapPoiFilters button.loading {opacity:.82;cursor:progress;}
.mapPoiFilters button.loading:after {
content:'';
width:13px;
height:13px;
border-radius:100%;
border:2px solid currentColor;
border-top-color:transparent;
animation: poiSpin .8s linear infinite;
}
.mapPoiFilters.loading ._title:after {content:'...';}
.mapPoiFilters ._notice {display:none;width:100%;font-size:13px;color:#667;}
.mapSearchAlert {
position:absolute;
z-index:9999;
top:74px;
left:50%;
transform:translateX(-50%);
width:min(92%, 720px);
display:flex;
align-items:flex-start;
gap:14px;
padding:18px;
background:#fff;
border:1px solid #dcebe3;
border-radius:12px;
box-shadow:0 14px 35px rgba(47, 41, 69, .14);
}
.mapSearchAlert.hidden,
.mapDrawTools .hidden {display:none !important;}
.mapDrawTools {
position: absolute;
z-index: 999999;
top: 11px;
right: 50px;
display: flex;
gap: 8px;
align-items: center;
}
.mapDrawTools .btn {
margin: 0;
height: 34px;
line-height: 40px;
padding: 0 14px;
gap: 7px;
/* box-shadow: 0 2px 8px rgba(0, 0, 0, .12); */
border: 2px solid rgba(0, 0, 0, 0.2);
}
.mapDrawTools .roundedIcon {margin-right:6px;}
.mapSearchAlert ._icon {
width:46px;
height:46px;
flex-shrink:0;
display:flex;
align-items:center;
justify-content:center;
border-radius:100%;
background:#EEF8F2;
color:#3F8E73;
font-size:20px;
}
.mapSearchAlert ._content {flex:1;min-width:0;}
.mapSearchAlert strong {display:block;font-size:20px;line-height:1.2;margin-bottom:6px;color:#2f2945;}
.mapSearchAlert p {margin:0 0 12px;color:#4f5864;line-height:1.45;}
.mapSearchAlert form {display:flex;gap:10px;align-items:center;}
.mapSearchAlert input[type=email] {
flex:1;
min-width:180px;
height:42px;
border:1px solid #cfe3d8;
border-radius:21px;
padding:0 16px;
font:inherit;
outline:none;
}
.mapSearchAlert input[type=email]:focus {border-color:#3F8E73;box-shadow:0 0 0 3px rgba(63, 142, 115, .12);}
.mapSearchAlert .btn {margin:0;height:42px;line-height:42px;padding:0 22px;}
.mapSearchAlert .btn.loading {opacity:.7;cursor:progress;}
.mapSearchAlert ._message {margin-top:10px;font-size:14px;line-height:1.35;}
.mapSearchAlert ._message.success {color:#2f7d5c;}
.mapSearchAlert ._message.error {color:#c0392b;}
.mapSearchAlert ._clear {
flex-shrink:0;
margin-top:3px;
font-weight:600;
color:#4f5864;
border-bottom-color:rgba(79, 88, 100, .35);
}
.mapSearchAlert ._clear:hover {color:#3F8E73;border-bottom-color:#3F8E73;}
@keyframes poiSpin {to {transform:rotate(360deg);}}
.poiMapMarker span {display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:100%;color:#fff;border:2px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.25);font-size:13px;}
.poiPopup {display:flex;flex-direction:column;gap:4px;min-width:120px;}
.poiPopup span {font-size:12px;color:#667;}
.langList {background:#eee; padding:20px}
.langList ._title {text-align:center; font-weight:bold; margin-bottom:20px}
.langListFlex {display:flex; gap:20px; }
.langListFlex img {aspect-ratio:4/3; width:50px; display:block;}
.langListFlex img[src$="flag-ru.svg"],
.langSelecter img[src$="flag-ru.svg"] {filter:grayscale(1) !important;}
/*adsList*/
.adsListItem {}
.adsListItem ._gallery {height:auto; margin-bottom:10px;border-radius: 6px; overflow: hidden; position:relative}
.adsListItem .default-slider, .adsListItem .slick-list, .adsListItem .slick-track {height:100%}
.adsListItem .default-slider .slick-dots {display:none !important}
.adsListItem .default-slider .slick-arrow {background:none}
.adsListItem .default-slider .slick-arrow:before {border-color:#fff}
.adsListItem.viewedAdvert {
background:#f6fbf8;
border-color:#d7e9df;
}
.adsListItem.viewedAdvert ._gallery img {
opacity:.76;
filter:saturate(.78) contrast(.96);
transition:.2s;
}
.adsListItem.viewedAdvert:hover ._gallery img {
opacity:.9;
}
.adsListItem.viewedAdvert ._title {
color:#5f6a63;
}
.adsListItem ._viewedBadge {
position:absolute;
left:14px;
bottom:14px;
z-index:8;
display:inline-flex;
align-items:center;
gap:6px;
padding:6px 10px;
border-radius:18px;
background:rgba(255,255,255,.94);
color:#3F8E73;
font-size:12px;
font-weight:700;
box-shadow:0 4px 14px rgba(0,0,0,.12);
}
.adsListItem ._viewedBadge:before {
content:"\f06e";
font-family:"Font Awesome 6 Free";
font-weight:900;
font-size:11px;
}
.myAdvertCard ._viewedBadge {
top:14px;
bottom:auto;
}
.adsListItem ._topBadge + ._rating {
top: auto;
left: auto;
bottom: 24px;
opacity: 1;
right: 24px;
padding: 4px 9px;
border-radius: 14px;
background: rgb(47 41 69 / 56%);
position: absolute;
color: #fff;
}
.adsListItem ._topBadge {
display: block;
position: absolute;
top: 24px;
left: -55px;
z-index: 6;
padding: 6px 55px 6px 55px;
background: #f4b400;
color: #fff;
font-size: 14px;
font-weight: 400;
text-transform: uppercase;
transform: rotateZ(317deg);
text-transform: uppercase;
border-radius: 0;
}
._rating {
top: auto;
left: auto;
bottom: 24px;
opacity: 1;
right: 24px;
padding: 4px 9px;
border-radius: 14px;
background: rgb(47 41 69 / 56%);
position: absolute;
color: #fff;
}
.adsListItem ._fav {display: block;position: absolute;top: 20px;right: 20px;color: #fff; opacity:0.8;z-index:5}
.adsListItem ._fav:hover {opacity:1}
.adsListItem ._fav.active,
.adsListItem ._fav.disabled {color:#e84f73;opacity:1;cursor:default;}
.adsListItem ._fav.justSaved,
.saveAdvertBtn.justSaved {animation:wishlistPulse .55s ease;}
.adsListItem .wishlistRemove {position:absolute;top:14px;right:14px;width:38px;height:38px;border:0;border-radius:100%;background:#fff;color:#e84f73;z-index:6;box-shadow:0 2px 8px rgba(0,0,0,.18);cursor:pointer;}
.adsListItem .wishlistRemove:hover {background:#e84f73;color:#fff;}
.adsListItem ._gallery ._go { position: absolute;top: 0;left: 0;display: block; width: 100%; height: 100%;}
.adsListItem ._title {display:block; margin-bottom:8px; font-weight:600; font-size:18px; line-height:1.25; color:#373b41; text-decoration:none;}
.adsListItem ._title:hover {color:var(--mc);}
.advertStatusBadge {position:absolute;left:14px;bottom:14px;z-index:7;padding:7px 12px;border-radius:20px;background:#fff;color:#373b41;font-size:13px;font-weight:700;box-shadow:0 4px 16px rgba(0,0,0,.14);}
.advertStatusBadge.published {background:#3F8E73;color:#fff;}
.advertStatusBadge.paused {background:#373b41;color:#fff;}
.advertStatusBadge.moderation {background:#f4b400;color:#fff;}
.myAdvertCard {background:#fff;border:1px solid #e3ede8;border-radius:8px;padding:0;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.04);}
.myAdvertCard ._gallery {border-radius:8px 8px 0 0;margin-bottom:0;}
.myAdvertCard ._body {padding:14px 14px 0;}
.myAdvertStats {display:flex;align-items:center;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid #edf3f0;color:#4f5864;font-size:14px;}
.myAdvertStats span {display:inline-flex;align-items:center;gap:7px;}
.myAdvertStats i {color:#3F8E73;}
.myAdvertStats strong {color:#273038;font-weight:700;}
.myAdvertOverview {display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:0 0 22px;}
.myAdvertOverview > div {display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;border:1px solid #e3ede8;border-radius:8px;background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.035);}
.myAdvertOverview span {color:#4f5864;font-size:14px;}
.myAdvertOverview strong {font-size:24px;line-height:1;color:#3F8E73;}
.myAdvertActions {display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;padding:14px;border-top:1px solid #edf3f0;margin-top:auto;}
.myAdvertAction {display:flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:0 10px;border-radius:24px;background:#eef8f2;color:#273038;font-size:14px;font-weight:600;text-align:center;}
.myAdvertAction:hover {background:#3F8E73;color:#fff;}
.myAdvertAction.delete {background:#fff0f1;color:#b94a53;}
.myAdvertAction.delete:hover {background:#E68386;color:#fff;}
.myAdvertAction.pause {background:#f7f2e3;color:#7a5a10;}
.myAdvertAction.pause:hover {background:#f4b400;color:#fff;}
.myAdvertAction.resume {background:#eef8f2;color:#2f735d;}
.myAdvertAction.resume:hover {background:#3F8E73;color:#fff;}
.adsListItem ._icons {display:flex; justify-content:center; flex-wrap:wrap; }
.adsListItem ._icons > * {margin:0 5px 10px 5px;}
.adsListItem ._location {display:flex; align-items:center; margin-bottom:5px}
.adsListItem ._date {display:flex; align-items:center; margin-bottom:5px}
.adsListItem ._cash {display:flex; align-items:center; font-weight:bold}
.adsListItem ._location span, .adsListItem ._date span, .adsListItem ._cash > span {margin-right:10px}
.adsListItem ._cash .priceAmount {color:#3F8E73; font-weight: 500; font-size: 18px;}
.adsListItem ._cash em {font-style:normal;font-weight:400;margin-left:5px;color:#666;}
.adsListItem .btn {align-self:center; margin-top:10px}
.saveAdvertBtn.active,
.saveAdvertBtn.disabled {color:#535353;cursor:default;}
.saveAdvertBtn.active .roundedIcon,
.saveAdvertBtn.disabled .roundedIcon {background:#535353;}
.wishlistToast {position:fixed;right:24px;bottom:24px;z-index:9999;background:#373b41;color:#fff;padding:12px 18px;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.18);opacity:0;transform:translateY(12px);pointer-events:none;transition:.2s;}
.wishlistToast.visible {opacity:1;transform:translateY(0);}
@keyframes wishlistPulse {
0% {transform:scale(1);}
50% {transform:scale(1.18);}
100% {transform:scale(1);}
}
._cash strong {
font-weight: 400;
font-size: 14px;
}
.listSearch {padding:20px 0}
.listSearch .wrapper {position:relative}
.listSearch ._cats {display:flex; justify-content: center; }
.listSearch ._cats button,
.advForm ._cats a {
width: 135px;
display: flex;
flex-direction: column;
margin: 0 10px;
padding: 10px;
border-radius: 6px;
text-align: center;
background: #fff;
border: 0;
cursor: pointer;
font: inherit;
transition: .2s;
border: 2px solid #3F8E73;
}
.listSearch ._cats button.active,
.advForm ._cats a.active {
box-shadow: none;
background-color: #3F8E73;
color: #fff;
}
.listSearch ._cats button.active img,
.advForm ._cats a.active img {
filter: brightness(0) invert(1);
}
.listSearch ._cats button img,
.advForm ._cats a img {display:block; height:30px; margin:0 auto 10px auto;}
.listSearch .searchForm {display:block; margin:20px auto 0 auto;}
.listSearch .categorySearchForm {
width: 100%;
height: auto;
background: transparent;
border-radius: 8px;
padding: 0;
box-sizing: border-box;
}
.listSearch ._searchMainRow {
display:flex;
width:100%;
height:70px;
background:#3F8E73;
border-radius:8px;
padding:3px;
box-sizing:border-box;
align-items:center;
}
.listSearch .searchForm ._input {border:0; display:flex; align-items:center; overflow:hidden; background:#fff; height:64px; position:relative;}
.listSearch .searchForm ._input + ._input:after {
content: '';
border-left: 0px solid #3F8E73;
width: 1px;
display: block;
height: 50%;
background-color: #3F8E7363;
}
.listSearch .searchForm ._input:first-of-type {border-radius:6px 0 0 6px; flex:1;}
.listSearch .searchForm ._input:last-of-type {border-radius:0}
.listSearch .searchForm input {border:none; outline:none !important; padding:0 16px 0 42px; max-width:none; width:100%; height:100%; font-size:16px; color:#373b41; background:transparent;}
.listSearch .searchForm input::placeholder {color:#4f5864; opacity:1;}
.listSearch .searchForm ._input:not(:first-of-type) input {max-width:112px; text-align:left; padding:0 12px 0 45px;}
.listSearch .searchForm ._input:before {
position:absolute;
left:16px;
top:50%;
transform:translateY(-50%);
font-family:"Font Awesome 6 Free";
font-weight:900;
color:#3F8E73;
font-size:17px;
z-index:1;
pointer-events:none;
}
.listSearch .searchForm ._locationInput:before {content:"\f3c5";}
.listSearch .searchForm ._dateInput:before {content:"\f073";}
.listSearch .searchForm ._guestsInput:before {content:"\f0c0";}
.listSearch .searchForm ._locationInput input::-webkit-calendar-picker-indicator {display:none !important;}
.listSearch .searchForm ._locationInput input::-webkit-list-button {display:none !important;}
.listSearch .searchForm .categorySearchButton {
align-self:stretch;
margin:0;
width:72px;
height: 66px;
border-radius:0;
background:#3F8E73 url('../images/search-w.svg') center/34px;
color:transparent;
font-size:0;
background-repeat: no-repeat;
margin-left: -1px;
}
.listSearch .searchForm .categorySearchButton i {display:none;}
.listSearch .categorySearchGuests.hidden {display:none;}
.listSearch ._advancedToggle {
display:inline-flex;
align-items:center;
gap:4px;
margin:14px 0 0 0;
padding:0;
background:none;
border:0;
color:#2f2945;
font:inherit;
font-weight:600;
cursor:pointer;
}
.listSearch ._advancedToggle .roundedIcon {background:#3F8E73;}
.listSearch ._searchAdvancedRow {
display:grid;
grid-template-columns:repeat(5, minmax(0, 1fr));
gap:12px;
align-items:end;
margin-top:14px;
}
.listSearch ._searchAdvancedRow.hidden {display:none;}
.listSearch ._searchAdvancedRow ._field {display:flex;flex-direction:column;gap:7px;min-width:0;}
.listSearch ._searchAdvancedRow .advancedPropertyOnly.hidden {display:none;}
.listSearch ._searchAdvancedRow label {font-size:15px;font-weight:600;color:#2f2945;}
.listSearch ._searchAdvancedRow input,
.listSearch ._searchAdvancedRow select {
width:100%;
height:44px;
border:1px solid #b9b3c8;
border-radius:4px;
padding:0 12px;
background:#fff;
color:#2f2945;
font:inherit;
outline:none;
}
.listSearch ._searchAdvancedRow input:focus,
.listSearch ._searchAdvancedRow select:focus {border-color:#3F8E73;}
.listSearch ._searchAdvancedRow ._range {display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.listSearch ._searchAdvancedRow ._propertyType {grid-column:1;}
@media (min-width: 901px) {
.listSearch ._searchAdvancedRow {grid-template-columns:0.65fr 0.65fr 1.1fr 1.1fr 0.65fr;}
.listSearch ._searchAdvancedRow ._keyword {grid-column:1 / 4;}
.listSearch ._searchAdvancedRow ._price {grid-column:4 / 6;}
.listSearch ._searchAdvancedRow ._propertyType {grid-column:1 / 2;}
.listSearch ._searchAdvancedRow ._propertySubCategory {grid-column:2 / 3;}
.listSearch ._searchAdvancedRow > ._advancedPropertyGroup:nth-of-type(5) {grid-column:3 / 5;}
.listSearch ._searchAdvancedRow > ._advancedPropertyGroup:nth-of-type(6) {grid-column:5 / 6;}
}
.listSearch ._advancedPropertyGroup {display:flex;flex-direction:column;gap:7px;min-width:0;margin-top:0;}
.listSearch ._advancedNumbers {
display:grid;
grid-template-columns:repeat(3, minmax(90px, 1fr));
gap:8px;
}
.listSearch ._advancedNumbers .number {width:100%;min-width:0;box-sizing:border-box;background:#fff;padding:3px 8px;}
.listSearch ._advancedNumbers .number label {font-size:13px;margin-right:6px;white-space:nowrap;}
.listSearch ._advancedNumbers .number input[type=number] {min-width:32px !important;max-width:32px !important;margin:0 4px;}
.listSearch ._advancedNumbers .number button {width:22px;height:22px;line-height:22px;font-size:16px;flex-shrink:0;}
.listSearch ._facilitiesDropdown {position:relative;}
.listSearch ._facilitiesToggle {
display:flex;
align-items:center;
justify-content:space-between;
width:100%;
height:44px;
border:1px solid #b9b3c8;
border-radius:4px;
padding:0 12px;
background:#fff;
color:#2f2945;
font:inherit;
cursor:pointer;
}
.listSearch ._advancedFacilities {
position:absolute;
top:calc(100% + 6px);
left:0;
right:0;
z-index:20;
display:grid;
grid-template-columns:1fr;
gap:10px;
margin:0;
padding:12px;
background:#fff;
border:1px solid #d7d7d7;
border-radius:8px;
box-shadow:0 8px 20px rgba(0, 0, 0, 0.08);
display:none;
}
.listSearch ._facilitiesDropdown.open ._advancedFacilities {display:grid;}
.listSearch ._advancedFacilities .checkbox {display:flex;align-items:center;margin:0;cursor:pointer;}
.listSearch ._advancedFacilities .checkbox input {display:none;}
.listSearch ._advancedFacilities .checkbox span {display:flex;font-size:13px;width:18px;height:18px;border:1px solid #bbb;margin-right:10px;color:transparent;transition:.2s;justify-content:center;align-items:center;}
.listSearch ._advancedFacilities .checkbox input:checked + span {color:#3F8E73;border-color:#3F8E73;}
.listSearch ._searchAdvancedRow .advancedMapLink {grid-column:1/-1;justify-self:start;align-self:center;margin-top:0;}
.listSearch ._searchAdvancedRow .clearFiltersLink {
grid-column: 1 / -1;
justify-self: end;
align-self: center;
margin-top: 0px;
position: absolute;
bottom: 0px;
}
@media (max-width: 900px) {
.listSearch ._searchMainRow {height:auto;flex-wrap:wrap;}
.listSearch .searchForm ._input {height:54px;}
.listSearch .searchForm ._locationInput {width:100%;flex:none;border-radius:6px 6px 0 0;}
.listSearch .searchForm ._dateInput,
.listSearch .searchForm ._guestsInput {flex:1;}
.listSearch .searchForm .categorySearchButton {height:56px;width:64px;}
.listSearch ._searchAdvancedRow {grid-template-columns:1fr 1fr;}
.listSearch ._searchAdvancedRow ._keyword {grid-column:1/-1;}
.listSearch ._advancedPropertyGroup {grid-column:1/-1;}
.listSearch ._advancedNumbers {grid-template-columns:1fr 1fr 1fr;}
}
@media (max-width: 560px) {
.listSearch ._searchMainRow {display:block;padding:3px;}
.listSearch .searchForm ._input,
.listSearch .searchForm ._locationInput {width:100%;border-radius:0;}
.listSearch .searchForm ._input:first-of-type {border-radius:6px 6px 0 0;}
.listSearch .searchForm .categorySearchButton {width:100%;border-radius:0 0 6px 6px;margin-left:0;}
.listSearch ._searchAdvancedRow {grid-template-columns:1fr;}
.listSearch ._advancedNumbers {grid-template-columns:1fr;}
.listSearch ._searchAdvancedRow .advancedMapLink {margin-top:0;}
.listSearch ._searchAdvancedRow .clearFiltersLink {margin-top:0;justify-self:start;}
}
.datepicker {
border:0;
border-radius:12px;
box-shadow:0 10px 30px rgba(0,0,0,.16);
padding:12px;
font-family:'Rubik', sans-serif;
z-index:9999 !important;
}
.datepicker table tr td,
.datepicker table tr th {
width:34px;
height:34px;
border-radius:8px;
}
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.today,
.datepicker table tr td.today:hover {
background:#3F8E73 !important;
color:#fff !important;
}
.datepicker table tr td.day:hover,
.datepicker table tr th:hover {
background:#eef7f3;
}
.datepicker table tr td.booking-range-start,
.datepicker table tr td.booking-range-end,
.datepicker table tr td.booking-range-start:hover,
.datepicker table tr td.booking-range-end:hover {
background:#3F8E73 !important;
color:#fff !important;
font-weight:700;
}
.datepicker table tr td.booking-range-between,
.datepicker table tr td.booking-range-between:hover {
background:#dff3ea !important;
color:#235b48 !important;
}
.datepicker table tr td.booking-date-unavailable,
.datepicker table tr td.booking-date-unavailable:hover {
background:#f4f4f4 !important;
color:#b0b0b0 !important;
text-decoration:line-through;
}
/*home*/
.homeContent {padding:50px 0}
.homeContent ._list {display:flex; flex-wrap:wrap; margin:0 -10px}
.homeContent ._list .adsListItem {width:calc(33.33% - 20px); margin: 0 10px 20px 10px;display: flex; flex-direction: column;}
.homeContent ._btns {display:flex; justify-content:center; margin-top:50px}
.searchResults {padding-top:26px;}
.searchResults ._list {display:block;margin:0;}
.searchResults .emptyList {padding:24px;border:1px solid #dcebe3;border-radius:12px;background:#fff;color:#2f2945;font-weight:600;}
.searchResults .mapSearchAlert.searchResultsAlert {
position:static;
transform:none;
width:100%;
box-sizing:border-box;
margin:18px 0 0;
text-align:left;
font-weight:400;
}
.searchResults .searchResultsBottomAlert {margin-top:28px;}
.searchResults ._list .adsListItem.searchCard {
width:100%;
margin:0 0 14px 0;
display:grid;
grid-template-columns:455px minmax(0, 1fr);
border:1px solid #d8d8d8;
border-radius:8px;
background:#fff;
overflow:hidden;
position:relative;
}
.searchResults .adsListItem.searchCard ._gallery {
height:250px;
margin:0;
border-radius:0;
}
.searchResults .adsListItem.searchCard ._body {
display:flex;
flex-direction:column;
min-width:0;
padding:20px 56px 18px 24px;
}
.searchResults .adsListItem.searchCard ._title {
font-size:22px;
line-height:1.2;
margin:0 0 8px;
font-weight:400;
color:#2f2945;
}
.searchResults .adsListItem.searchCard ._searchMeta {
font-size:15px;
line-height:1.35;
margin-bottom:4px;
color:#2f2945;
}
.searchResults .adsListItem.searchCard ._location {
font-size:15px;
margin-bottom:10px;
color:#4c4f5c;
}
.searchResults .adsListItem.searchCard ._location .roundedIcon {display:none;}
.searchResults .adsListItem.searchCard ._desc {
font-size:15px;
line-height:1.45;
color:#2f2945;
max-width:620px;
}
.searchResults .adsListItem.searchCard ._cash {
order:-1;
margin-bottom:8px;
font-size:14px;
line-height:1.2;
color:#2f2945;
}
.searchResults .adsListItem.searchCard ._cash .roundedIcon {display:none;}
.searchResults .adsListItem.searchCard ._cash strong {font-weight:400;}
.searchResults .adsListItem.searchCard ._fav {
top:18px;
right:18px;
opacity:1;
font-size:22px;
}
.searchResults .adsListItem.searchCard ._rating {
top:auto;
left:auto;
right:18px;
bottom:16px;
padding:4px 9px;
border-radius:14px;
background:rgba(47,41,69,.84);
opacity:1;
}
@media (max-width: 900px) {
.searchResults ._list .adsListItem.searchCard {
grid-template-columns:1fr;
}
.searchResults .adsListItem.searchCard ._gallery {
height:260px;
}
.searchResults .adsListItem.searchCard ._body {
padding:18px 48px 18px 18px;
}
}
.homeContentTitle {font-size:30px; margin-bottom:24px; text-align:left;}
.loadMoreWrap {display:flex;justify-content:center;margin:26px 0 0;}
.loadMoreWrap .advertLoadMore.loading {opacity:.7;pointer-events:none;}
.homeHero {padding:36px 0 10px;}
.homeHero h1 {font-size:44px; line-height:1.15; margin-bottom:14px; text-align:center;}
.homeHero .homeHeroDesc {max-width:860px; margin:0 auto 22px auto; text-align:center; color:#4f5864; font-size:18px; line-height:1.45;}
.homeHero .listSearch {padding:8px 0 0;}
.homeAdsGrid {display:flex; flex-wrap:wrap; margin:0 -10px;}
.homeAdsGrid .adsListItem {width:calc(33.33% - 20px); margin:0 10px 20px 10px; display:flex; flex-direction:column;}
.homeLatestTabs {margin-top:10px;}
.homeLatestTabsNav {display:flex;justify-content:left;gap:14px;margin-bottom:28px;}
.homeLatestTabsNav button {
border:0px solid #3F8E73;
border-radius:8px;
background: transparent;
color:#111;
font:inherit;
font-weight:500;
cursor:pointer;
transition:.2s;
}
.homeLatestTabsNav button:hover,
.homeLatestTabsNav button.active {
text-decoration: underline;
}
.homeLatestPanel {display:none;}
.homeLatestPanel.active {display:block;}
.homeLatestEmpty {padding:30px 0;text-align:center;color:#667;}
.homeLatestMore {display:none;}
.homeLatestMore.active {display:inline-block;}
.homeSeoText { margin:34px auto 0 auto; color:#4f5864; line-height:1.6;}
.homeSeoText h2 {font-size:28px; margin-bottom:12px; color:#373b41;}
.homeSeoText p {margin-bottom:12px;}
/*advert*/
.advertPage {padding: 50px 0 0 0;}
.advertPage .top {display:flex; align-items:center; margin-bottom:30px}
.advertPage .top ._name {margin:0}
.advertPage .top .advertTopBadge {
display: inline-flex;
align-items: center;
padding: 6px 12px;
margin-bottom: 10px;
border-radius: 18px;
background: #3F8E73;
color: #fff;
font-size: 13px;
font-weight: 400;
background: #f4b400;
text-transform: uppercase;
}
.advertPage .top ._name h2 {margin-bottom:0}
.advertPage .top ._name h1 {font-size:36px;line-height:1.15;margin:0 0 8px;}
.translationNotice {display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 12px;color:#667;font-size:14px;}
.translationNotice button {border:0;border-bottom:1px solid #3F8E73;background:none;color:#3F8E73;font:inherit;font-weight:600;padding:0;cursor:pointer;}
.advertPage .top .__info {display:flex; align-items:center;}
.advertPage .top .__info > div {margin-right:20px}
.advertPage .top .__info > a {margin-right:20px}
.advertPage .top .__info > div > i { color: #f4b400;}
.advertPage .top .__info > a > i {color: #3F8E73}
.advertPage .top ._name + .btn {margin-left:auto; margin-right:0px}
.content {display:flex; align-items:flex-start}
.content .main {flex-grow:1}
.content .main ._gallery {margin-bottom:30px}
.content .main ._gallery a:first-of-type {width:100%; height:380px;}
.content .main ._gallery a:nth-child(5) {position:relative;}
.content .main ._gallery a:nth-child(5):after {content:'Show all photos'; display:flex; position:absolute; top:0; left:0; width:100%; height:100%; background:#ffffffbf; font-weight:bold; align-items:center; justify-content:center; text-align:center; }
.content .main ._gallery a:nth-child(n+6) {display:none}
.content .main ._desc {margin-bottom:30px}
.advertBasics {display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:12px; margin-bottom:30px;}
.advertBasics .__item {display:flex; align-items:center; gap:5px; padding:14px; border:1px solid #dfe8e2; border-radius:8px; background:#fff;}
.advertBasics .__item strong { font-size: 16px;
font-weight: 400;}
.advertBasics .__item em {font-style:normal; color:#4f5864;}
.content .sidebar {flex-shrink:0; width:330px; margin-left:50px}
.advertPage .content .sidebar {position:sticky; top:20px}
.content .sidebar ._calc {
border: 3px solid #3F8E73;
border-radius: 25px;
padding: 10px;
margin-bottom: 30px;
border-radius: 11px;
}
.content .sidebar .__inputs {border:1px solid #d7e6df; border-radius:14px; display:flex; flex-wrap:wrap; margin-bottom:22px; overflow:hidden;background:#fff}
.content .sidebar .__inputs div {padding:14px; width:100%; box-sizing:border-box; display:flex; flex-direction:column}
.content .sidebar .__inputs div:nth-child(1),
.content .sidebar .__inputs div:nth-child(2) {
position:relative;
}
.content .sidebar .__inputs div:first-of-type label:before {
content:"\f073";
margin-right: 5px;
right:14px;
bottom:17px;
font-family:"Font Awesome 6 Free";
font-weight:900;
color:#3F8E73;
font-size:17px;
pointer-events:none;
}
.content .sidebar .__inputs div:nth-child(2) label:before {
content:"\f073";
margin-right: 5px;
right:14px;
bottom:17px;
font-family:"Font Awesome 6 Free";
font-weight:900;
color:#3F8E73;
font-size:17px;
pointer-events:none;
}
.content .sidebar .__inputs label {font-size:13px; font-weight:700; color:#2f2945; margin-bottom:5px;}
.content .sidebar .__inputs input {border:none; outline:none !important; font-size:16px; font-weight:600; color:#373b41; background:transparent;}
.content .sidebar .__inputs div:nth-child(1) input,
.content .sidebar .__inputs div:nth-child(2) input {padding-right:26px;}
.content .sidebar .__inputs .bookingGuestsNumber {height:38px;border:0;border-radius:0;padding:0;margin-top:2px;display:flex;align-items:center;justify-content:space-between;}
.content .sidebar .__inputs .bookingGuestsNumber input {min-width:46px !important;max-width:46px !important;margin:0 8px;text-align:center;font-size:17px;}
.content .sidebar .__inputs .bookingGuestsNumber input[type=number] {-moz-appearance:textfield;appearance:textfield;}
.content .sidebar .__inputs .bookingGuestsNumber input[type=number]::-webkit-inner-spin-button,
.content .sidebar .__inputs .bookingGuestsNumber input[type=number]::-webkit-outer-spin-button {-webkit-appearance:none;margin:0;}
.content .sidebar .__inputs .bookingGuestsNumber button {width:30px;height:30px;font-size:20px;background:#3F8E73;color:#fff;}
.content .sidebar .__inputs div:last-of-type {width:100%; border-top:1px solid #d7e6df}
.content .sidebar .__inputs div:first-of-type { border-right:1px solid #d7e6df}
.content .sidebar .__table {}
.content .sidebar .__table .___row:not(:empty) {display:flex; margin-bottom:10px; justify-content:space-between; font-size:15px;color:#4f5864;}
.content .sidebar .__table .___row span {font-weight:600;color:#373b41;}
.content .sidebar .__table .total {font-weight:800; display:flex !important; justify-content:center; gap:2px; text-align:center; border-top:1px solid #d7e6df; padding:16px 0 14px; margin:6px 0 12px !important;font-size:22px;color:#2f2945;}
.content .sidebar ._calc .btn {margin:0 auto; display:flex; align-items:center; justify-content:center; width:100%; height:52px; border-radius:12px; font-size:18px; font-weight:700;}
.content .sidebar ._calc .__subs {font-size: 14px;margin-top: 18px;text-align: center;color:#4f5864;line-height:1.45;}
.content .sidebar ._calc .__subs a {color:var(--mc)}
.content .sidebar ._location {display:flex; align-items:center;}
.content .sidebar ._map {display:block; height:220px; background:#eee; margin-bottom:30px}
.content .sidebar .advertMapLazy {position:relative;overflow:hidden;border-radius:8px;background:#eaf3ef;}
.advertMapLoad {position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:#eaf3ef;cursor:pointer;overflow:hidden;}
.advertMapLoad:after {content:"";position:absolute;inset:0;background:rgba(20,45,37,.28);transition:background .2s;}
.advertMapLoad:hover:after {background:rgba(20,45,37,.18);}
.advertMapLoad img {display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s;}
.advertMapLoad:hover img {transform:scale(1.025);}
.advertMapLoadLabel {position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:150px;height:44px;padding:0 18px;border-radius:24px;background:#fff;color:#27313a;font:600 15px/1 'Rubik',sans-serif;box-shadow:0 8px 22px rgba(0,0,0,.18);white-space:nowrap;}
.advertMapLoadLabel i {color:#3F8E73;font-size:18px;}
.advertMapLoad:hover .advertMapLoadLabel {color:#3F8E73;}
.content .sidebar .advertMapLoaded {overflow:visible;border-radius:0;}
.content .sidebar ._map.advertMapFullscreen {
position:fixed !important;
z-index:9999;
top:0;
left:0;
right:0;
bottom:0;
width:100vw;
height:100vh;
margin:0;
border-radius:0;
}
#fullMap.advertMapFullscreen {
position:fixed !important;
z-index:9999;
top:0;
left:0;
right:0;
bottom:0;
width:100vw !important;
height:100vh !important;
margin:0;
}
body.mapFullscreenOpen {overflow:hidden;}
.advertMapFullscreenToggle {
width:34px;
height:34px;
padding:0;
background:#fff;
color:#2f2945;
border:0;
cursor:pointer;
font-size:16px;
line-height:34px;
}
.advertMapFullscreenToggle:hover {color:#3F8E73;}
.content .sidebar ._offers {display:flex; flex-wrap:wrap; margin-bottom:30px}
.content .sidebar ._offers h3 {width:100%; margin-bottom:20px}
.content .sidebar ._offers div {width:calc(50% - 10px); margin:0 10px 10px 0; font-size: 14px;}
.advertOffersSection {padding:30px 50px 0;}
.advertOffersSection ._offers {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 18px;}
.advertOffersSection ._offers h3 {grid-column:1/-1;margin-bottom:8px;}
.advertOffersSection ._offers div {display:flex;align-items:center;gap:8px;font-size:15px;}
.content .sidebar ._host {display:flex; flex-wrap:wrap; margin-bottom:30px}
.content .sidebar ._host h3 {width:100%; margin-bottom:20px}
.content .sidebar ._host .__img {width:75px; height:75px; border-radius:100%; overflow:hidden; margin-right:20px; flex-shrink:0}
.content .sidebar ._host .__info {display: flex; flex-direction: column;}
.content .sidebar ._host .___name {display:flex; align-items:cener; font-weight:bold}
.content .sidebar ._host .___name span {margin-left:20px; font-weight:normal}
.content .sidebar ._host .___name span i {color:var(--mc)}
.content .sidebar ._host .___rews {font-size:13px; color:#bbb; margin-bottom:10px}
.content .sidebar ._host .__info .btn {align-self:flex-end}
.content .sidebar ._host .hostContactBtn {
display:inline-flex;
align-items:center;
gap:8px;
height:44px;
line-height:44px;
margin:14px 0 0 0;
padding:0 18px 0 8px;
background:#3F8E73;
color:#fff;
font-weight:600;
box-shadow:0 8px 18px rgba(63,142,115,.22);
}
.content .sidebar ._host .hostContactBtn .roundedIcon {
background:#fff;
color:#3F8E73;
margin:0;
flex:0 0 30px;
}
.content .sidebar ._host .hostContactBtn:hover {
color:#fff;
box-shadow:0 10px 22px rgba(63,142,115,.32);
transform:translateY(-1px);
}
.content .sidebar ._subs {border:1px solid #bbb; padding:10px; border-radius:15px; font-size:13px}
.content .sidebar ._subs i {color:var(--mc)}
.advertInfo {}
.advertInfo .wrapper {display:flex; align-items:flex-start}
.advertInfo .wrapper > div {flex:1}
/*advert form*/
.onlyProprety { transition:.2s}
.onlyProprety.hidden {display:none !important; max-height:0; margin:0; padding:0 !important; border:0 !important; overflow:hidden;}
.advForm {max-width:800px; margin:0 auto; text-align:center;}
.advForm ._category {display:flex; justify-content: center; margin-bottom:40px }
.advForm ._category span {width:90px;display:flex; flex-direction:column; margin:0 10px; padding:10px; border-radius:15px;box-shadow: 0px 2px 6px 0px #e4e4e4; text-align:center; cursor:pointer; transition:.2s}
.advForm ._category span img {display:block; height:30px; margin:0 auto 10px auto;}
.advForm ._category .form-group {display:none}
.advForm ._subcategory {display:flex; justify-content: center; padding-bottom:40px }
.advForm ._subcategory span {width:90px;display:flex; flex-direction:column; margin:0 10px; padding:10px; border-radius:15px;box-shadow: 0px 2px 6px 0px #e4e4e4; text-align:center; cursor:pointer; transition:.2s}
.advForm ._subcategory span img {display:block; height:30px; margin:0 auto 10px auto;}
.advForm ._subcategory .form-group {display:none}
.advForm ._type {max-width:600px; margin:0 auto; padding-bottom:40px; text-align:left;}
.advForm ._type > div {display:flex; padding:20px; border-radius:15px;box-shadow: 0px 2px 6px 0px #e4e4e4; align-items:center; cursor:pointer; transition:.2s; margin-bottom:20px}
.advForm ._type img {display:block; width:50px; margin:0 20px 0 0;}
.advForm ._type strong {font-weight:bold; display:block}
.advForm ._type em {font-style:normal;}
.advForm ._type .form-group {display:none}
.advForm ._location {max-width:600px; margin:0 auto; padding-bottom:40px;}
.advForm ._location input[type=text] {height:60px; line-height:60px;border-radius: 30px;padding-left: 60px; background:url(../images/template/location.svg) 30px center/20px no-repeat}
.advForm ._roomsCounter {max-width:600px; margin:0 auto; padding-bottom:40px; }
.advForm ._roomsCounter > .__inputs {display:flex; flex-wrap:wrap}
.advForm ._roomsCounter > .__inputs > * {width:48%; margin-right:2%; margin-bottom:20px}
.advForm ._facilities {display:flex; flex-wrap:wrap; margin-bottom:40px}
._facilities > * {width:32%; margin:0 1.33% 10px 0}
.advForm ._base { margin:0 auto 40px auto;}
.advForm ._priceWrapper {display:flex; justify-content:center; margin-bottom:40px}
.advForm ._priceWrapper span {color:#bbb; font-weight:bold; font-size:24px; margin:0 20px; display:block}
.advForm ._priceWrapper i {color:#bbb; font-size:13px; text-align:left;}
.advForm .priceRules {max-width:680px;margin:-18px auto 40px;text-align:left;}
.advForm .priceRulesHead {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;}
.advForm .priceRulesHead strong {font-weight:700;}
.advForm .priceRulesHead .btn {margin:0;padding:0 18px;}
.advForm .priceRuleRow {display:grid;grid-template-columns:1fr 1fr 36px;gap:10px;align-items:center;margin-bottom:10px;}
.advForm .priceRuleRow label {display:flex;align-items:center;gap:8px;margin:0;}
.advForm .priceRuleRow input {width:100%;min-width:80px;border:1px solid #bbb;border-radius:25px;height:40px;padding:0 12px;}
.advForm .removePriceRule {width:34px;height:34px;border:0;border-radius:50%;background:#e84f73;color:#fff;font-size:20px;line-height:1;cursor:pointer;}
.advForm .priceRulesHint {font-size:13px;color:#777;margin-top:6px;}
.advForm .bookingSettings {max-width:680px;text-align:left;}
.advForm .bookingSettings .form-group {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;}
.advForm .bookingToggleControl {position:relative;}
.advForm .bookingEnabledInput {
position:absolute;
opacity:0;
pointer-events:none;
}
.advForm .bookingEnabledLabel {
position:relative;
display:flex;
align-items:center;
min-height:56px;
padding:14px 18px 14px 78px;
border:1px solid #dfe8e2;
border-radius:10px;
background:#fff;
box-shadow:0 2px 10px rgba(0,0,0,.04);
cursor:pointer;
font-weight:600;
}
.advForm .bookingEnabledLabel:before {
content:'';
position:absolute;
left:18px;
top:50%;
width:46px;
height:26px;
transform:translateY(-50%);
border-radius:999px;
background:#d8dee2;
transition:.2s;
}
.advForm .bookingEnabledLabel:after {
content:'';
position:absolute;
left:22px;
top:50%;
width:18px;
height:18px;
transform:translateY(-50%);
border-radius:50%;
background:#fff;
box-shadow:0 2px 4px rgba(0,0,0,.18);
transition:.2s;
}
.advForm .bookingEnabledInput:checked + .bookingEnabledLabel:before {background:#3F8E73;}
.advForm .bookingEnabledInput:checked + .bookingEnabledLabel:after {left:42px;}
.advForm .bookingEnabledInput:focus + .bookingEnabledLabel {box-shadow:0 0 0 3px rgba(63,142,115,.18);}
.advForm .bookingEnabledInput:disabled + .bookingEnabledLabel {opacity:.72;cursor:not-allowed;background:#f7f7f7;}
.advForm .bookingSettingHint {max-width:560px;margin:0;text-align:center;color:#66736d;font-size:13px;line-height:1.45;}
.advForm .bookingStripeNotice {display:flex;gap:14px;max-width:620px;margin:10px auto 0;padding:16px;border:1px solid #dbeee5;border-radius:10px;background:#f7fffa;text-align:left;box-shadow:0 2px 10px rgba(63,142,115,.06);}
.advForm .bookingStripeNotice > i {width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#635bff;color:#fff;font-size:20px;flex-shrink:0;}
.advForm .bookingStripeNotice strong {display:block;margin-bottom:5px;}
.advForm .bookingStripeNotice p {margin:0 0 10px;color:#4f5864;font-size:14px;line-height:1.45;}
.advForm .bookingStripeNotice .btn {margin:0;}
.advForm .instantBookingSetting {width:100%;margin-top:10px;padding-top:18px;border-top:1px solid #dfe8e2;}
.advForm .instantBookingSetting.hidden {display:none;}
.advForm .bookingAvailability.hidden {display:none;}
.advForm .unavailableDates {max-width:680px;margin:0 auto 40px;text-align:center;}
.advForm #unavailable-dates-calendar {display:inline-block;padding:14px;border:1px solid #dfe8e2;border-radius:10px;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.04);}
.advForm #unavailable-dates-calendar .datepicker {box-shadow:none;padding:0;}
.advForm #unavailable-dates-calendar .day.active,
.advForm #unavailable-dates-calendar .day.active:hover,
.advForm #unavailable-dates-calendar .day.blocked-date,
.advForm #unavailable-dates-calendar .day.blocked-date:hover {background:#e84f73 !important;color:#fff !important;}
.advForm .unavailableDatesHint {max-width:460px;margin:12px auto 0;color:#667;font-size:14px;line-height:1.4;}
.advForm ._gallery {margin:0 -3px;display:flex; flex-wrap:wrap;}
.advForm ._gallery > * {width:calc(25% - 6px); margin:0 3px 3px 3px;}
.advForm ._gallery .uploadImageItem {position:relative;aspect-ratio:1/1;border-radius:8px;overflow:hidden;background:#f2f2f2;cursor:grab;transition:transform .15s, opacity .15s, box-shadow .15s;}
.advForm ._gallery .uploadImageItem:active {cursor:grabbing;}
.advForm ._gallery .uploadImageItem.dragging {opacity:.55;transform:scale(.97);box-shadow:0 8px 22px rgba(0,0,0,.18);}
.advForm ._gallery .uploadImageItem img {display:block;width:100%;height:100%;object-fit:cover;}
.advForm ._gallery .uploadImageRemove {
position:absolute;
top:8px;
right:8px;
width:34px;
height:34px;
border:0;
border-radius:50%;
background:#fff;
color:#e24d68;
box-shadow:0 3px 10px rgba(0,0,0,.18);
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
transition:.2s;
}
.advForm ._gallery .uploadImageRemove:hover {background:#e24d68;color:#fff;}
.filterPage {padding:50px 0}
.advForm h5 {text-align:left; color:#bbb; margin-bottom:5px}
.advForm h3 + h5 {margin-bottom:30px; margin-top:-30px; text-align:center;}
.advForm ._price,
.advForm ._date {display:flex; justify-content:space-between;max-width:600px; margin:0 auto; padding-bottom:40px;}
.advForm ._price > div,
.advForm ._date > div{width:45%;}
.simpleForm {}
.simpleForm .form-group {margin-bottom:20px}
.simpleForm input[type=text],
.simpleForm input[type=email],
.simpleForm input[type=number],
.simpleForm input[type=tel],
.simpleForm input[type=date],
.simpleForm input[type=password] {display:block; width:100%; min-width:220px; border:1px solid #bbb; border-radius:25px; padding:0 15px; height:40px; line-height:40px}
.simpleForm textarea {display:block; width:100%; min-width:220px; border:1px solid #bbb; border-radius:25px; padding:5px 15px; height:200px; }
.advertForm .form-control.is-valid,
.advertForm .custom-select.is-valid,
.advertForm .was-validated .form-control:valid,
.advertForm .was-validated .custom-select:valid {
border-color:#bbb;
background-image:none;
padding-right:15px;
box-shadow:none;
}
.advertForm .form-control.is-invalid,
.advertForm .custom-select.is-invalid {
border-color:#dc3545;
}
.simpleForm label.checkbox {display:flex; align-items:center; cursor:pointer}
.simpleForm label.checkbox input {display:none}
.simpleForm label.checkbox span {display:flex;font-size: 13px;; width:18px; height:18px; border:1px solid #b8c8c0; margin-right:10px; color:transparent; transition:.2s; justify-content: center; align-items: center;}
.simpleForm label.checkbox input:checked + span {color:#fff; border-color:#3F8E73; background:#3F8E73}
/* advert add/edit polish */
.advertFormPageTitle {
padding-top:50px;
margin:0 0 24px;
font-size:32px;
line-height:1.2;
font-weight:700;
text-align:center;
}
.advForm {max-width:100%; padding:10px 0 60px; text-align:left;}
.advForm .wrapper {max-width:980px;}
.advForm .advertForm {
margin:0 auto;
padding:26px;
border:1px solid #dfe8e2;
border-radius:14px;
background:#fff;
box-shadow:0 8px 26px rgba(42, 71, 60, .08);
}
.advertStepProgress {
margin:0 0 28px;
padding:18px;
border:1px solid #dfe8e2;
border-radius:12px;
background:#f8fbf9;
}
.advertStepProgressTop {
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
margin-bottom:12px;
color:#255f4d;
font-weight:700;
}
.advertStepPercent {min-width:48px;text-align:right;}
.advertStepTrack {
height:8px;
border-radius:8px;
background:#dfe8e2;
overflow:hidden;
}
.advertStepTrack span {
display:block;
width:0;
height:100%;
border-radius:8px;
background:#3F8E73;
transition:width .35s ease;
}
.advertStepDots {
display:grid;
grid-template-columns:repeat(auto-fit, minmax(96px, 1fr));
gap:8px;
margin-top:14px;
}
.advertStepDot {
display:flex;
align-items:center;
gap:8px;
min-height:42px;
padding:7px 8px;
border:1px solid #d6e2dc;
border-radius:10px;
background:#fff;
color:#5f6872;
font:inherit;
text-align:left;
cursor:pointer;
transition:.2s;
}
.advertStepDot span {
display:flex;
align-items:center;
justify-content:center;
flex:0 0 24px;
width:24px;
height:24px;
border-radius:50%;
background:#eef4f1;
color:#3F8E73;
font-size:13px;
font-weight:700;
}
.advertStepDot em {font-style:normal;font-size:13px;line-height:1.2;}
.advertStepDot:hover,
.advertStepDot.active {
border-color:#3F8E73;
color:#255f4d;
background:#eef8f2;
}
.advertStepDot.active span,
.advertStepDot.completed span {background:#3F8E73;color:#fff;}
.advertStep {display:none;animation:advertStepIn .22s ease;}
.advertStep.active {display:block;}
.advertStep > h3:first-child {margin-top:0;}
@keyframes advertStepIn {
from {opacity:0;transform:translateY(8px);}
to {opacity:1;transform:translateY(0);}
}
.advertStepActions {
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
margin:28px 0 0;
padding-top:22px;
border-top:1px solid #e2ece7;
}
.advertStepActions .btn {
margin:0;
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
min-width:132px;
height:46px;
line-height:46px;
border-radius:12px;
}
.advertStepActions .advertStepPrev {border:1px solid #d6e2dc;background:#fff;}
.advertStepActions .advertStepPrev .roundedIcon,
.advertStepActions .advertStepNext .roundedIcon {
width:26px;
height:26px;
line-height:26px;
margin:0;
font-size:12px;
}
.advertStepActions .advertStepPrev .roundedIcon i,
.advertStepActions .advertStepNext .roundedIcon i {line-height:26px;}
.advertStepActions .advertStepNext,
.advertStepActions .advertStepSubmit {
margin-left:auto;
background:#3F8E73;
color:#fff;
font-weight:700;
box-shadow:0 10px 22px rgba(63,142,115,.22);
}
.advForm h3 {
margin:42px 0 22px;
text-align:center;
font-size:24px;
line-height:1.25;
}
.advForm .advertForm > h3:first-child {margin-top:0;}
.advForm ._category,
.advForm ._subcategory {
margin-bottom:24px;
padding-bottom:0;
gap:12px;
}
.advForm ._category span,
.advForm ._subcategory span {
width:140px;
margin:0;
border:1px solid #dfe8e2;
border-radius:10px;
box-shadow:none;
background:#f8fbf9;
}
.advForm ._category span.active,
.advForm ._subcategory span.active,
.advForm ._type div.active {
border-color:#3F8E73;
background:#fff;
}
.advForm ._location,
.advForm ._type,
.advForm ._roomsCounter,
.advForm ._facilities,
.advForm ._base,
.advForm ._priceWrapper,
.advForm .priceRules,
.advForm .bookingSettings,
.advForm .bookingAvailability,
.advForm .optionalPropertyDetails,
.advForm .d-none1 {
max-width:760px;
margin-left:auto;
margin-right:auto;
}
.advForm ._location,
.advForm ._type,
.advForm ._roomsCounter,
.advForm ._facilities,
.advForm ._base,
.advForm ._priceWrapper,
.advForm .priceRules,
.advForm .bookingSettings,
.advForm .bookingAvailability,
.advForm .d-none1 {
padding:22px;
margin-bottom:34px;
border:1px solid #e2ece7;
border-radius:12px;
background:#f8fbf9;
}
.advForm ._type > div {
margin-bottom:12px;
padding:16px;
border:1px solid #e2ece7;
border-radius:10px;
box-shadow:none;
background:#fff;
}
.advForm ._roomsCounter {padding-bottom:18px;}
.advForm ._roomsCounter > .__inputs {gap:12px;}
.advForm ._roomsCounter > .__inputs > * {width:calc(50% - 6px); margin:0;}
.advForm .number {
height:44px;
border-color:#d6e2dc;
background:#fff;
}
.advForm ._facilities {gap:8px 0; margin-bottom:24px;}
.advForm ._facilities .form-group {margin-bottom:0;}
.advForm label.checkbox {
min-height:36px;
padding:6px 8px;
border-radius:8px;
color:#28332f;
font-weight:500;
transition:.2s;
}
.advForm label.checkbox:hover {background:#eef8f2;}
.advForm label.checkbox span {
flex:0 0 22px;
width:22px;
height:22px;
margin-right:10px;
border:1px solid #9fb8ad;
border-radius:5px;
background:#fff;
color:transparent;
font-size:13px;
line-height:1;
}
.advForm label.checkbox span i {line-height:1;}
.advForm label.checkbox input:checked + span {
background:#3F8E73;
border-color:#3F8E73;
color:#fff;
box-shadow: none !important;
}
.advForm label.checkbox input:focus + span {box-shadow:0 0 0 3px rgba(63,142,115,.18);}
.advForm ._priceWrapper {
align-items:center;
justify-content:flex-start;
gap:14px;
}
.advForm ._priceWrapper .form-group {flex:0 0 220px; margin:0;}
.advForm ._priceWrapper span {margin:0; color:#3F8E73; font-size:18px;}
.advForm ._priceWrapper i {max-width:360px; color:#667; line-height:1.4;}
.advForm .priceInputWrap,
.advForm .priceRuleInputWrap {
position:relative;
display:flex;
align-items:center;
}
.advForm .priceInputWrap {flex:0 0 220px;}
.advForm .priceInputWrap .form-group {flex:1 1 auto; margin:0;}
.advForm .priceInputWrap > span,
.advForm .priceRuleInputWrap > span {
position:absolute;
left:14px;
z-index:1;
margin:0;
color:#3F8E73;
font-size:18px;
font-weight:700;
pointer-events:none;
}
.advForm .priceInputWrap input,
.advForm .priceRuleInputWrap input {
padding-left:34px !important;
}
.advForm .priceRuleInputWrap {min-width:140px;}
.advForm .priceRules {margin-top:0;}
.advForm .bookingAvailability h3 {margin-top:0;}
.advForm ._gallery {
max-width:760px;
margin:0 auto 26px;
padding:12px;
border:1px dashed #b8d5c9;
border-radius:12px;
background:#f8fbf9;
}
.advForm .btn.s1[for="upload-img-input"],
.advForm .advertForm > .btn.s3 {
display:table;
margin:18px auto 0;
}
.advForm .advertForm > .btn.s3 {
height:52px;
line-height:52px;
min-width:220px;
padding:0 36px;
border-radius:12px;
background:#3F8E73;
color:#fff;
font-weight:700;
text-align:center;
box-shadow:0 10px 22px rgba(63,142,115,.24);
}
.advForm .advertForm > .btn.s3:hover {
background:#347a63;
color:#fff;
box-shadow:0 12px 26px rgba(63,142,115,.3);
}
.advForm .simpleForm .form-group,
.advForm .form-group {margin-bottom:12px;}
.advForm input[type=text],
.advForm input[type=email],
.advForm input[type=number],
.advForm input[type=tel],
.advForm input[type=date],
.advForm input[type=password],
.advForm select,
.advForm textarea {
display:block;
width:100%;
min-width:0;
border:1px solid #d6e2dc;
border-radius:10px;
background:#fff;
box-shadow:none;
outline:none;
transition:border-color .2s, box-shadow .2s;
}
.advForm input[type=text],
.advForm input[type=email],
.advForm input[type=number],
.advForm input[type=tel],
.advForm input[type=date],
.advForm input[type=password],
.advForm select {
height:44px;
line-height:44px;
padding:0 14px;
}
.advForm textarea {min-height:120px; height:120px; padding:12px 14px; resize:vertical;}
.advForm input:focus,
.advForm select:focus,
.advForm textarea:focus {
border-color:#3F8E73;
box-shadow:0 0 0 3px rgba(63,142,115,.14);
}
.advForm ._location input[type=text] {
height:50px;
line-height:50px;
border-radius:10px;
padding-left:46px;
background:#fff url(../images/template/location.svg) 16px center/18px no-repeat;
}
.optionalPropertyDetails {margin-bottom:34px;}
.optionalPropertyToggle {
display:flex;
align-items:center;
justify-content:center;
gap:10px;
width:100%;
min-height:48px;
padding:10px 16px;
border:1px dashed #3F8E73;
border-radius:12px;
background:#EEF8F2;
color:#255f4d;
font:inherit;
font-weight:700;
cursor:pointer;
transition:.2s;
}
.optionalPropertyToggle:hover {background:#e2f3ea;}
.optionalPropertyToggle ._open {display:none;}
.optionalPropertyDetails.open .optionalPropertyToggle ._closed {display:none;}
.optionalPropertyDetails.open .optionalPropertyToggle ._open {display:inline;}
.optionalPropertyFields {display:none; padding-top:20px;}
.optionalPropertyDetails.open .optionalPropertyFields {display:block;}
.optionalField {
padding:20px;
margin-bottom:18px;
border:1px solid #e2ece7;
border-radius:12px;
background:#f8fbf9;
}
.optionalField h3 {
margin:0 0 12px;
text-align:left;
font-size:18px;
}
/*loading files*/
.invader-text-print-wrapper {display:none; width:100%}
.invader-text-print {display:flex; align-items:center; justify-content:flex-start;}
.invader-text-print-box{position: relative;width:25px; height:5px; margin-right:15px; margin-bottom:0 !important; }
.invader-text-print-icon{position: relative;width: 5px;height: 5px;top: 0%;left: 46%;border-radius: 12px;animation: loader10m 1.5s ease-in-out infinite;}
.invader-text-print-icon:before{content: "";position: absolute;top: 0px;left: -10px;height: 5px;width: 5px;border-radius: 5px;animation: loader10g 1.5s ease-in-out infinite;}
.invader-text-print-icon:after{content: "";position: absolute;top: 0px;left: 10px;height:5px;width:5px;border-radius: 10px;animation: loader10d 1.5s ease-in-out infinite;}
@keyframes loader10g {0%{background-color: rgba(0, 0, 0, .2);}25%{background-color: rgba(0, 0, 0, 1);}50%{background-color: rgba(0, 0, 0, .2);}75%{background-color: rgba(0, 0, 0, .2);}100%{background-color: rgba(0, 0, 0, .2);}}
@keyframes loader10m{0%{background-color: rgba(0, 0, 0, .2);}25%{background-color: rgba(0, 0, 0, .2);}50%{background-color: rgba(0, 0, 0, 1);}75%{background-color: rgba(0, 0, 0, .2);}100%{background-color: rgba(0, 0, 0, .2);}
}
@keyframes loader10d{0%{background-color: rgba(0, 0, 0, .2);}25%{background-color: rgba(0, 0, 0, .2);}50%{background-color: rgba(0, 0, 0, .2);}75%{background-color: rgba(0, 0, 0, 1);}100%{background-color: rgba(0, 0, 0, .2);}}
/*pasport*/
.pasportTop {padding:50px 0 0 0}
.pasportTop.profileWithoutAdverts {padding-bottom:70px;}
.pasportTop .wrapper {display:flex; align-items:flex-start; flex-wrap:wrap}
.pasportTop ._head {display:flex; align-items:center; margin-bottom:30px; width:100%;}
._head h2 {margin-left:0px; margin-bottom:0}
.pasportTop ._profile {display:flex; align-items:center; margin-right:40px}
.pasportTop ._profile .__img {width:100px; height:100px; border-radius:100%; overflow:hidden; margin-right:20px; flex-shrink:0}
.pasportTop ._profile .__img img {display:block; width:100%; height:100%; object-fit:cover}
.pasportTop ._profile.__info {}
.pasportTop .profileMeta {display:flex;flex-wrap:wrap;gap:10px 16px;color:#667;}
.pasportTop .profileMeta span {display:flex;align-items:center;gap:6px;}
.pasportTop .profileMeta i {color:#3F8E73;}
.pasportTop .profileMeta .onlineNow {color:#3F8E73;font-weight:600;}
.pasportTop .profileMeta .profileHostPhone {display:inline-flex;align-items:center;gap:7px;width:max-content;color:#273038;font-weight:700;border-bottom:0px solid #9bcbb6;}
.pasportTop .profileMeta .profileHostPhone:hover {color:#3F8E73;border-bottom-color:#3F8E73;}
.pasportTop ._profile .___name {display:flex; align-items:cener; font-weight:bold}
.pasportTop ._profile .___name span {margin-left:20px;font-weight:normal}
.pasportTop ._profile .___name span i {color:var(--mc)}
.pasportTop ._profile .___name em {margin-left:20px;font-weight:normal; color:#bbb}
.pasportTop .__tools {margin-top:10px}
.pasportTop .__tools > div {margin-bottom:5px}
.pasportTop ._buttons {display:flex; flex-direction:column; margin-left:auto;align-items: flex-end;}
.pasportTop ._buttons > * {margin-bottom:10px}
/*profile settings*/
.bookingDisputeOpen {display:inline-flex;align-items:center;gap:7px;}
.bookingDisputePopup {width:min(92vw,560px);padding:28px;background:#fff;border-radius:8px;box-shadow:0 18px 55px rgba(20,42,33,.2);}
.bookingDisputePopupHead {display:flex;align-items:flex-start;gap:14px;padding-bottom:18px;margin-bottom:20px;border-bottom:1px solid #e2ebe6;}
.bookingDisputePopupHead .roundedIcon {flex:0 0 38px;width:38px;height:38px;line-height:38px;}
.bookingDisputePopupHead .roundedIcon i {line-height:38px;}
.bookingDisputePopupHead h3 {margin:0 0 5px;font-size:22px;}
.bookingDisputePopupHead p {margin:0;color:#68736d;font-size:14px;}
.bookingDisputeForm {display:grid;gap:16px;text-align:left;}
.bookingDisputeForm label {display:grid;gap:7px;font-weight:600;}
.bookingDisputeForm input,.bookingDisputeForm textarea {width:100%;padding:11px 13px;border:1px solid #cdd8d2;border-radius:6px;background:#fff;font:inherit;font-weight:400;outline:none;resize:vertical;}
.bookingDisputeForm input:focus,.bookingDisputeForm textarea:focus {border-color:#3f8e73;box-shadow:0 0 0 3px rgba(63,142,115,.12);}
.bookingDisputePopupActions {display:flex;justify-content:flex-end;gap:10px;margin-top:4px;}
.bookingDisputePopupActions .btn {margin:0;}
@media (max-width: 520px) {.bookingDisputePopup {padding:22px 18px;}.bookingDisputePopupActions {flex-direction:column-reverse;}.bookingDisputePopupActions .btn {width:100%;justify-content:center;text-align:center;}}
.profileSettings {padding:50px 0}
.profileSettings .inner {max-width:600px; margin:0 auto; }
.emailVerifyNotice {padding:20px;margin-bottom:28px;border:1px solid #f0d7a1;border-radius:10px;background:#fff8e8;text-align:center;}
.emailVerifyNotice strong {display:block;font-size:20px;margin-bottom:8px;color:#7c5a12;}
.emailVerifyNotice p {margin-bottom:16px;color:#7c5a12;line-height:1.45;}
.emailVerifyNotice .btn {display:table;margin:0 auto;}
.stripeConnectPanel {display:flex;align-items:center;gap:18px;padding:22px;margin-bottom:28px;border:1px solid #dbeee5;border-radius:10px;background:#f7fffa;box-shadow:0 8px 22px rgba(63,142,115,.08);}
.stripeConnectIcon {width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#635bff;color:#fff;font-size:25px;flex-shrink:0;}
.stripeConnectBody {flex:1;}
.stripeConnectBody h5 {margin-bottom:8px;}
.stripeConnectBody p {margin:0 0 12px;color:#4f5864;line-height:1.45;}
.stripeConnectStatus {display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:20px;background:#fff;border:1px solid #dbeee5;font-size:14px;}
.stripeConnectStatus span {color:#6c757d;}
.stripeConnectStatus strong {font-weight:700;color:#2f6f5a;}
.stripeStatus-not_connected .stripeConnectStatus strong {color:#7c5a12;}
.stripeStatus-pending .stripeConnectStatus strong {color:#8a6416;}
.stripeStatus-ready .stripeConnectStatus strong {color:#2f7a55;}
.stripeConnectRequirements {margin-top:10px;font-size:13px;color:#8a6416;}
.stripePayoutSummary {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px;}
.stripePayoutSummary div {padding:11px 12px;border:1px solid #dbeee5;border-radius:8px;background:#fff;}
.stripePayoutSummary span {display:block;margin-bottom:4px;color:#66736d;font-size:12px;}
.stripePayoutSummary strong {display:block;color:#2f6f5a;font-weight:700;}
.stripeConnectAction {display:flex;flex-direction:column;align-items:flex-end;gap:10px;flex-shrink:0;}
.stripeConnectAction form {margin:0;}
.disabledStripeButton {pointer-events:none;gap:8px;color:#2f7a55;}
@media (max-width: 900px) {
.stripeConnectPanel {align-items:flex-start;}
.stripePayoutSummary {grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width: 640px) {
.stripeConnectPanel {flex-direction:column;}
.stripeConnectAction {align-items:stretch;width:100%;}
.stripeConnectAction .btn {width:100%;justify-content:center;}
.stripePayoutSummary {grid-template-columns:1fr;}
}
.profileSettings h5 {font-weight:bold; margin-bottom:20px; width:100%}
.profileSettings form {display:flex; flex-wrap:wrap; justify-content:space-between;margin-bottom:30px}
.profileSettings ._item {width:48%; margin-bottom:20px}
.profileSettings ._item .form-group label {display:block}
.profileSettings .separ {width:100%}
.profileSettings form p {color:#bbb; margin-bottom:10px; width:100%}
.profileSettings form h5 + p {margin-top:-10px}
.profileSettings form p span {font-size:13px;}
.profileSettings ._avatar {width:150px; height:150px; align-self:center }
.profileSettings ._img {width:100%; height:100%; display:block; margin:auto; position:relative}
.profileSettings ._img:after {content:"Press to change"; position:absolute; top:0; left:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center; text-align:center; background:#0000007a; color:#fff; opacity:0; transition:.2s; cursor:pointer;}
.profileSettings ._img:hover:after {opacity:1}
.profileSettings ._pasport {display:block; width:100%; height:100%; border:1px dashed #bbb; font-size:50px; display:flex; align-items:center; justify-content:center; text-align:center; color:#bbb; transition:.2s; cursor:pointer; position:relative}
.profileSettings ._pasport:hover {color:var(--mc)}
.profileSettings ._pasport span {position:absolute; display:block; width:100%; padding:5px; top:100%; left:0;color:#373b41 !important; text-align: center; font-size: 13px;}
.profileSettings ._pasport input {width:100%; height:100%; display:block; opacity:0; position:absolute; top:0; left:0; cursor:pointer}
.bookingTable {padding:50px 0}
.bookingTabs {display:flex;align-items:center;gap:8px;margin-bottom:26px;padding:5px;border:1px solid #dce9e2;border-radius:8px;background:#f4faf7;}
.bookingTabButton {display:flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:0 22px;border:0;border-radius:6px;background:transparent;color:#4f5b55;font:inherit;font-weight:700;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s;}
.bookingTabButton span {display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 7px;border-radius:12px;background:#dfeee6;color:#2f745d;font-size:12px;}
.bookingTabButton:hover {color:#2f745d;background:#e9f5ef;}
.bookingTabButton.active {background:#3F8E73;color:#fff;box-shadow:0 5px 14px rgba(63,142,115,.2);}
.bookingTabButton.active span {background:#fff;color:#3F8E73;}
.bookingTabButton .bookingTabActionBadge,
.bookingTabButton.active .bookingTabActionBadge {min-width:22px;height:22px;padding:0 6px;background:#E68386;color:#fff;box-shadow:0 2px 7px rgba(190,72,77,.24);}
.bookingTabButton:focus-visible {outline:3px solid rgba(63,142,115,.25);outline-offset:2px;}
.bookingTabPanel[hidden] {display:none!important;}
.bookingTabPanel.active {animation:bookingTabFade .2s ease-out;}
.bookingStatusStack {display:flex;flex-wrap:wrap;gap:6px;align-items:center;}
.bookingStatus-deleted {background:#f2e8e8;color:#9b4545;}
.bookingAdvertDeleted {color:#7a817d;cursor:default;}
.bookingAdvertDeleted:hover {color:#7a817d;}
.bookingAdvertDeleted > span:last-child {display:flex;flex-direction:column;gap:4px;}
.bookingAdvertDeleted em {color:#a04b4b;font-size:12px;font-style:normal;font-weight:700;}
.bookingAdvertDeletedFallback {display:inline-flex;align-items:center;gap:7px;color:#a04b4b;font-weight:700;}
@keyframes bookingTabFade {from {opacity:0;transform:translateY(4px);}to {opacity:1;transform:translateY(0);}}
@media (max-width:600px) {
.bookingTabs {align-items:stretch;overflow-x:auto;}
.bookingTabButton {flex:1 0 auto;padding:0 14px;white-space:nowrap;}
}
/* Saved search alerts */
.accountAlertsPage {padding:50px 0 70px;background:#f8fbf9;min-height:60vh;}
.accountPageHead {display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px;}
.accountPageHead h1 {margin:0 0 8px;font-size:36px;}
.accountPageHead p {margin:0;color:#66736d;}
.accountPageHead .btn {display:inline-flex;align-items:center;gap:9px;margin:0;border:1px solid #d7e5de;}
.searchAlertCards {display:grid;gap:14px;}
.searchAlertCard {display:grid;grid-template-columns:48px minmax(0,1fr) 42px;align-items:center;gap:16px;padding:20px;border:1px solid #dce8e1;border-radius:8px;background:#fff;box-shadow:0 5px 18px rgba(42,71,60,.06);}
.searchAlertIcon {display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#eef8f2;color:#3F8E73;font-size:20px;}
.searchAlertContent h2 {margin:0 0 8px;font-size:19px;line-height:1.3;}
.searchAlertMeta {display:flex;flex-wrap:wrap;gap:8px 18px;color:#66736d;font-size:13px;}
.searchAlertMeta span {display:inline-flex;align-items:center;gap:6px;}
.searchAlertDeleteForm {margin:0;}
.searchAlertDelete {display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #f0d7dc;border-radius:50%;background:#fff;color:#d75670;cursor:pointer;transition:.2s;}
.searchAlertDelete:hover {background:#d75670;color:#fff;}
.accountEmptyState {padding:46px 24px;border:1px solid #dce8e1;border-radius:8px;background:#fff;text-align:center;}
.accountEmptyState .roundedIcon {width:46px;height:46px;line-height:46px;margin-bottom:14px;font-size:19px;}
.accountEmptyState .roundedIcon i {line-height:46px;}
.accountEmptyState strong {display:block;margin-bottom:6px;font-size:20px;}
.accountEmptyState p {margin:0;color:#66736d;}
@media (max-width:767px) {
.accountAlertsPage {padding:32px 0 50px;}
.accountPageHead {align-items:flex-start;flex-direction:column;}
.accountPageHead h1 {font-size:30px;}
.searchAlertCard {grid-template-columns:42px minmax(0,1fr) 38px;gap:11px;padding:15px;}
.searchAlertIcon {width:42px;height:42px;}
}
.bookingSectionHead {display:flex;align-items:center;justify-content:space-between;margin:0 0 18px;}
.bookingSectionHead h2 {margin:0;font-size:30px;}
.bookingSectionHead span {display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 10px;border-radius:20px;background:#EEF8F2;color:#3F8E73;font-weight:700;}
.bookingCardsTable {width:100%;border-collapse:separate;border-spacing:0 12px;margin-bottom:40px;}
.bookingCardsTable thead th {font-weight:700;text-align:left;border:none;padding:0 14px 6px;color:#5f6872;font-size:13px;}
.bookingCardsTable tbody tr {background:#fff;box-shadow:0 4px 18px rgba(0,0,0,.06);}
.bookingCardsTable tbody td {text-align:left;border:none;padding:16px 14px;font-size:14px;vertical-align:middle;background:#fff;}
.bookingCardsTable tbody td:first-child {border-radius:8px 0 0 8px;}
.bookingCardsTable tbody td:last-child {border-radius:0 8px 8px 0;}
.bookingAdvertLink {display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:700;min-width:190px;}
.bookingAdvertImg {display:block;width:64px;height:48px;overflow:hidden;border-radius:6px;flex:0 0 64px;background:#eef2f0;}
.bookingAdvertImg img {display:block;width:100%;height:100%;object-fit:cover;}
.bookingSum {font-weight:800;color:#3F8E73;white-space:nowrap;}
.bookingStatus {display:inline-flex;align-items:center;min-height:28px;padding:5px 10px;border-radius:16px;background:#eef2f0;color:#47515b;font-size:13px;font-weight:700;line-height:1.15;}
.bookingStatus-confirmed {background:#e7f7ed;color:#2e8b57;}
.bookingStatus-paid {background:#e7f7ed;color:#2e8b57;}
.bookingStatus-pending,
.bookingStatus-no-paid,
.bookingStatus-waiting-for-owner-confirmation,
.bookingStatus-awaiting-owner {background:#fff4dd;color:#9a6500;}
.bookingStatus-canceled,
.bookingStatus-cancelled {background:#fdeceb;color:#b84b4b;}
.bookingActions {min-width:130px;}
.bookingActions p {margin:0 0 8px;}
.bookingActions p:last-child {margin-bottom:0;}
.bookingActions .btn {height:34px;line-height:34px;padding:0 16px;font-size:14px;}
.bookingTextAction {color:#3F8E73;font-weight:700;border-bottom:1px solid rgba(63,142,115,.35);}
.bookingCalendarActions {display:flex;flex-direction:column;align-items:flex-start;gap:7px;}
.bookingCalendarActions .bookingTextAction {display:inline-flex;align-items:center;gap:7px;}
.bookingDeclineAction {font-size:13px;color:#b84b4b;border-bottom-color:rgba(184,75,75,.35);}
.bookingEmptyState {
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
min-height:180px;
margin:0 0 40px;
padding:34px 20px;
border:1px dashed #cfe3d8;
border-radius:10px;
background:#fbfefd;
text-align:center;
color:#5f6872;
}
.bookingEmptyState .roundedIcon {width:42px;height:42px;line-height:42px;margin-bottom:14px;}
.bookingEmptyState .roundedIcon i {line-height:42px;}
.bookingEmptyState strong {display:block;margin-bottom:8px;color:#27313a;font-size:18px;}
.bookingEmptyState p {margin:0;}
.profileEmptyState {
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
min-height:170px;
padding:30px 20px;
border:1px dashed #cfe3d8;
border-radius:10px;
background:#fbfefd;
text-align:center;
color:#5f6872;
}
.profileEmptyState .roundedIcon {width:42px;height:42px;line-height:42px;margin-bottom:14px;}
.profileEmptyState .roundedIcon i {line-height:42px;}
.profileEmptyState strong {display:block;margin-bottom:8px;color:#27313a;font-size:18px;}
.profileEmptyState p {margin:0;}
@media (max-width: 900px) {
.bookingCardsTable,
.bookingCardsTable thead,
.bookingCardsTable tbody,
.bookingCardsTable tr,
.bookingCardsTable td {display:block;width:100%;}
.bookingCardsTable {border-spacing:0;margin-bottom:32px;}
.bookingCardsTable thead {display:none;}
.bookingCardsTable tbody tr {
margin-bottom:16px;
padding:14px;
border-radius:10px;
box-shadow:0 8px 24px rgba(0,0,0,.07);
}
.bookingCardsTable tbody td {
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
padding:10px 0;
border-bottom:1px solid #edf1ee;
background:transparent;
}
.bookingCardsTable tbody td:first-child,
.bookingCardsTable tbody td:last-child {border-radius:0;}
.bookingCardsTable tbody td:before {
content:attr(data-label);
flex:0 0 112px;
color:#6b7480;
font-size:13px;
font-weight:700;
}
.bookingCardsTable tbody td.bookingActions {
display:block;
padding-top:14px;
border-bottom:0;
}
.bookingCardsTable tbody td.bookingActions:before {display:none;}
.bookingAdvertLink {justify-content:flex-end;min-width:0;text-align:right;}
}
@media (min-width: 901px) {
.bookingCardsTable {display:block;border-spacing:0;}
.bookingCardsTable thead {display:none;}
.bookingCardsTable tbody {display:grid;gap:18px;}
.bookingCardsTable tbody tr {
display:grid;
grid-template-columns:repeat(12,minmax(0,1fr));
gap:20px 24px;
padding:22px 24px;
border:1px solid #e3ebe7;
border-radius:8px;
box-shadow:0 6px 22px rgba(29,62,49,.07);
}
.bookingCardsTable tbody td {
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:center;
gap:5px;
min-width:0;
padding:0;
background:transparent;
font-size:15px;
}
.bookingCardsTable tbody td:before {
content:attr(data-label);
color:#7a847e;
font-size:12px;
font-weight:600;
line-height:1.2;
}
.bookingCardsTable tbody td:first-child,
.bookingCardsTable tbody td:last-child {border-radius:0;}
.bookingCardsTable tbody td:nth-child(1) {grid-column:1 / 4;grid-row:2;}
.bookingCardsTable tbody td:nth-child(2) {grid-column:4 / 7;grid-row:2;}
.bookingCardsTable tbody td:nth-child(3) {grid-column:7 / 10;grid-row:2;}
.bookingCardsTable tbody td:nth-child(4) {grid-column:9 / 11;grid-row:1;}
.bookingCardsTable tbody td:nth-child(5) {grid-column:7 / 9;grid-row:1;}
.bookingCardsTable tbody td:nth-child(6) {grid-column:1 / 7;grid-row:1;}
.bookingCardsTable tbody td:nth-child(7) {grid-column:10 / 13;grid-row:2;}
.bookingCardsTable tbody td:nth-child(8) {grid-column:11 / 13;grid-row:1;}
.bookingCardsTable tbody td:nth-child(6):before {display:none;}
.bookingCardsTable tbody td:nth-child(1),
.bookingCardsTable tbody td:nth-child(2),
.bookingCardsTable tbody td:nth-child(3),
.bookingCardsTable tbody td:nth-child(7) {min-height:68px;padding:13px 15px;border:1px solid #dce9e2;border-radius:7px;background:#f7fbf9;font-size:16px;font-weight:700;}
.bookingCardsTable .bookingAdvertLink {width:100%;min-width:0;font-size:17px;line-height:1.35;}
.bookingCardsTable .bookingAdvertImg {width:92px;height:68px;flex-basis:92px;}
.bookingCardsTable .bookingActions {
display:flex;
flex-direction:row;
flex-wrap:wrap;
align-items:center;
justify-content:flex-start;
gap:9px 12px;
grid-column:1 / -1;
grid-row:3;
min-width:0;
padding-top:16px;
border-top:1px solid #e6ece9;
}
.bookingCardsTable .bookingActions:before {display:none;}
.bookingCardsTable .bookingActions p {margin:0;}
.bookingCardsTable .bookingTextAction {display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:0;border-radius:6px;background:#eef8f2;line-height:1.25;}
.bookingCardsTable .bookingTextAction:hover {background:#dff1e7;color:#2f745d;}
.bookingCardsTable .bookingDeclineAction {background:#fff0ef;color:#b84b4b;}
}
.bookingCardsTable .bookingActions .bookingPayButton {position:relative!important;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:180px;height:48px;line-height:48px;padding:0 28px;overflow:hidden;font-size:17px;font-weight:800;box-shadow:0 8px 20px rgba(63,142,115,.24);}
.bookingCardsTable .bookingPayButton:after {content:"";display:block;position:absolute;z-index:10;top:-30%;bottom:auto;left:-55%;width:42%;height:160%;opacity:0.5;background:linear-gradient(105deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.2) 30%,rgba(255,255,255,.95) 50%,rgba(255,255,255,.2) 70%,rgba(255,255,255,0) 100%);transform:skewX(-18deg);animation:bookingPayShine 4s linear infinite;will-change:left;pointer-events:none;}
.bookingCardsTable .bookingPayButton:hover {transform:translateY(-1px);box-shadow:0 10px 24px rgba(63,142,115,.3);}
.bookingPaymentBlocked {display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:8px;background:#fff8e8;color:#7c5a12;font-weight:600;line-height:1.35;}
@keyframes bookingPayShine {0% {left:-55%;}25%,100% {left:125%;}}
@media (max-width: 900px) {
.bookingCardsTable tbody td.bookingActions {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 12px;}
.bookingCardsTable .bookingActions p {margin:0;}
.bookingCardsTable .bookingActions .bookingTextAction {display:flex;align-items:center;justify-content:center;min-height:38px;padding:8px 10px;border:0;border-radius:6px;background:#eef8f2;text-align:center;}
.bookingCardsTable .bookingActions .btn {display:flex;justify-content:center;width:100%;margin:0;}
}
@media (max-width: 520px) {
.bookingCardsTable tbody td.bookingActions {grid-template-columns:1fr;}
}
/*reg page*/
.regPage {padding:50px 0}
.regPage .stepsForm {max-width:600px;margin:0 auto}
.regPage form {width:100%}
.regPage .ajaxform-field,
.regPage .form-group {max-width:400px; margin-left:auto; margin-right:auto;}
.regPage .s1 {margin:0 auto; display:table}
.regPage ._regSubs {color: #676767;margin: 20px 0;text-align: center; width: 100%;}
.regPage .auth-clients {
display:flex;
flex-direction:column;
justify-content:center;
gap:12px;
width:min(400px, 100%);
margin:0 auto;
padding:0;
list-style:none;
}
.regPage .auth-clients li {
display:block;
width:100%;
margin:0;
float:none;
}
.regPage .auth-clients .auth-link {
display:flex;
align-items:center;
justify-content:center;
width:100%;
min-height:48px;
padding:0 18px;
border:1px solid #d8e3dc;
border-radius:10px;
background:#fff;
color:#27313a;
box-shadow:0 8px 22px rgba(39,49,58,.06);
font-weight:700;
text-decoration:none;
transition:.2s;
}
.regPage .auth-clients .auth-link:hover {
box-shadow:0 12px 26px rgba(39,49,58,.1);
border-color:#c5d8cd;
color:#27313a;
}
.regPage .auth-clients .auth-icon {
display:flex;
align-items:center;
justify-content:center;
width:auto;
height:auto;
min-width:0;
margin:0;
background:none !important;
font-size:0;
}
.regPage .auth-clients .auth-icon:before {
display:flex;
align-items:center;
justify-content:center;
width:28px;
height:28px;
margin-right:10px;
font-family:"Font Awesome 6 Brands";
font-size:22px;
font-weight:400;
line-height:1;
}
.regPage .auth-clients .auth-icon:after {
font-size:15px;
line-height:1;
}
.regPage .auth-clients .auth-icon.google:before {
content:"";
background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23FFC107' d='M43.611 20.083H42V20H24v8h11.303C33.654 32.657 29.223 36 24 36c-6.627 0-12-5.373-12-12s5.373-12 12-12c3.059 0 5.842 1.154 7.961 3.039l5.657-5.657C34.046 6.053 29.268 4 24 4 12.955 4 4 12.955 4 24s8.955 20 20 20 20-8.955 20-20c0-1.341-.138-2.65-.389-3.917z'/%3E%3Cpath fill='%23FF3D00' d='M6.306 14.691l6.571 4.819C14.655 15.108 18.961 12 24 12c3.059 0 5.842 1.154 7.961 3.039l5.657-5.657C34.046 6.053 29.268 4 24 4 16.318 4 9.656 8.337 6.306 14.691z'/%3E%3Cpath fill='%234CAF50' d='M24 44c5.166 0 9.86-1.977 13.409-5.192l-6.19-5.238C29.211 35.091 26.715 36 24 36c-5.202 0-9.619-3.317-11.283-7.946l-6.522 5.025C9.505 39.556 16.227 44 24 44z'/%3E%3Cpath fill='%231976D2' d='M43.611 20.083H42V20H24v8h11.303a12.04 12.04 0 0 1-4.087 5.571l.003-.002 6.19 5.238C36.971 39.205 44 34 44 24c0-1.341-.138-2.65-.389-3.917z'/%3E%3C/svg%3E") center/contain no-repeat;
border:0;
border-radius:0;
}
.regPage .auth-clients .auth-icon.google:after {content:"Continue with Google";}
.regPage .auth-clients .auth-icon.facebook:before {content:"\f39e"; color:#1877f2;}
.regPage .auth-clients .auth-icon.facebook:after {content:"Continue with Facebook";}
.regPage .auth-clients .auth-icon.linkedin:before {content:"\f0e1"; color:#0a66c2;}
.regPage .auth-clients .auth-icon.linkedin:after {content:"Continue with LinkedIn";}
.regPage .auth-clients .auth-icon.github:before {content:"\f09b"; color:#24292f;}
.regPage .auth-clients .auth-icon.github:after {content:"Continue with GitHub";}
.regPage .auth-clients .auth-icon.twitter:before,
.regPage .auth-clients .auth-icon.x:before {content:"\e61f"; color:#111;}
.regPage .auth-clients .auth-icon.twitter:after,
.regPage .auth-clients .auth-icon.x:after {content:"Continue with X";}
.regPage .wi {position:relative}
.regPage .wi span {position:absolute; top:5px; left:15px; width:30px; height:30px; background:var(--mc); color:#fff; border-radius:100%; display:inline-block; text-align: center;line-height: 30px; font-size: 16px; border:none; }
.regPage .wi input {padding-left:60px}
.regPage .social {margin-top:25px}
.site-security-page-link {text-align:center;width: 100%;}
.site-security-page-link.registerUnderLogin {margin:14px 0 0;}
.site-security-page-link.registerUnderLogin a {font-weight:600;color:var(--mc);}
.socialConnectPage {min-height:calc(100vh - 180px); display:flex; align-items:center; padding:60px 0;}
.socialConnectPage .wrapper {display:flex; justify-content:center;}
.socialConnectCard {width:100%; max-width:520px; padding:34px; border-radius:12px; background:#fff; border:1px solid #dfe8e2; box-shadow:0 12px 32px rgba(0,0,0,.08);}
.socialConnectCard ._head {justify-content:center; text-align:center; margin-bottom:10px;}
.socialConnectCard ._head h2 {margin:0; font-size:30px;}
.socialConnectCard ._regSubs {margin:0 auto 24px auto; max-width:420px;}
.socialConnectCard .ajaxform-field {position:relative; max-width:420px; margin-left:auto; margin-right:auto;}
.socialConnectCard .wi span {position:absolute; top:5px; left:15px; width:30px; height:30px; background:var(--mc); color:#fff; border-radius:100%; display:flex; align-items:center; justify-content:center; font-size:15px;}
.socialConnectCard .wi input {padding-left:58px;}
.socialConnectCard .help-block {font-size:13px; color:#d9534f; margin-top:5px;}
.socialConnectCard .socialConnectSubmit {display:table; min-width:180px; margin:18px auto 0 auto;}
.socialConnectCard .site-security-page-link {margin-top:22px; line-height:1.45;}
.socialConnectCard .site-security-page-link a {color:var(--mc);}
.regComplPage {padding:50px}
.regComplPage ._head {display:flex; align-items:center; margin-bottom:30px; width:100%;}
.regComplPage ._head h2 {margin-left:20px; margin-bottom:0}
.regCompl {max-width:500px; margin:0 auto;text-align:center; padding:40px 0}
.regCompl p {margin-bottom:20px}
.regCompl p a {color:var(--mc)}
.regCompl img {display:block; margin:30px auto; max-width:150px}
/*simplePage*/
.simplePage {padding:50px 0}
.legalPage {padding:54px 0 76px;background:#f8fbf9;}
.legalPage .wrapper {max-width:920px;padding:38px 44px;border:1px solid #dce8e1;border-radius:8px;background:#fff;box-shadow:0 7px 24px rgba(42,71,60,.06);}
.legalPage h1 {margin-bottom:12px;font-size:40px;}
.legalPage h2 {margin:38px 0 14px;font-size:25px;}
.legalPage h3 {margin:26px 0 10px;font-size:19px;}
.legalPage p,
.legalPage li {line-height:1.7;}
.legalPage p {margin-bottom:14px;}
.legalPage ul,
.legalPage ol {margin:0 0 18px 22px;}
.legalPage li {margin-bottom:7px;}
.legalPage .legalUpdated {color:#66736d;font-size:14px;}
.legalPage .legalNotice {margin:22px 0;padding:16px 18px;border-left:4px solid #3F8E73;background:#eef8f2;border-radius:4px;}
.legalPage a {color:#2f765e;text-decoration:underline;}
@media (max-width:767px) {
.legalPage {padding:32px 0 50px;}
.legalPage .wrapper {width:92%;padding:24px 20px;}
.legalPage h1 {font-size:30px;}
.legalPage h2 {font-size:22px;}
}
.policyPage .wrapper {max-width:900px;}
.policyPage h1 {font-size:42px;margin-bottom:16px;}
.policyPage h2 {margin:34px 0 12px;font-size:24px;}
.policyPage p,
.policyPage li {color:#4f5864;line-height:1.7;}
.policyPage p {margin-bottom:14px;}
.policyPage ul {margin:0 0 18px 20px;}
.policyPage li {margin-bottom:8px;}
.policyPage a {color:#3F8E73;font-weight:700;border-bottom:1px solid rgba(63,142,115,.35);}
.imageRightsPanel {margin:18px 0 22px;padding:18px;border:1px solid #cfe3d8;border-radius:8px;background:#f4fbf7;text-align:left;}
.imageRightsPanel .imageRightsCheck {display:flex;align-items:flex-start;gap:11px;font-weight:600;}
.imageRightsPanel .imageRightsCheck input {width:20px;height:20px;flex:0 0 20px;margin-top:2px;accent-color:#3F8E73;}
.imageRightsPanel p {margin:9px 0 14px;color:#5d6862;font-size:14px;}
.imageRightsPanel .form-group {margin-bottom:10px;}
.imageRightsPanel a {color:#2f765e;font-weight:600;text-decoration:underline;}
.reportAdvertImage {display:table;margin:-18px 0 28px auto;color:#68736d;font-size:13px;border:0;}
.reportAdvertImage i {margin-right:6px;}
.copyrightComplaintPopup {width:min(760px,94vw);max-height:88vh;overflow:auto;padding:28px;background:#fff;border-radius:8px;}
.copyrightComplaintPopup ._title {font-size:25px;font-weight:700;margin-bottom:8px;}
.copyrightComplaintPopup>p {color:#5d6862;margin-bottom:20px;}
.copyrightComplaintForm label {display:block;font-weight:600;margin-bottom:14px;}
.copyrightComplaintForm label>span {color:#d15158;}
.copyrightComplaintForm input[type=text],
.copyrightComplaintForm input[type=email],
.copyrightComplaintForm input[type=url],
.copyrightComplaintForm textarea {display:block;width:100%;margin-top:6px;padding:10px 12px;border:1px solid #bbc8c1;border-radius:6px;font:inherit;}
.copyrightComplaintForm textarea {resize:vertical;}
.copyrightComplaintForm fieldset {margin:0 0 20px;padding:0;border:0;}
.copyrightComplaintForm legend {font-weight:700;margin-bottom:9px;}
.copyrightImageChoices {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;}
.copyrightImageChoices label {position:relative;margin:0;cursor:pointer;}
.copyrightImageChoices input {position:absolute;top:7px;left:7px;z-index:2;accent-color:#3F8E73;}
.copyrightImageChoices img {display:block;width:100%;aspect-ratio:1.2;object-fit:cover;border:2px solid transparent;border-radius:6px;}
.copyrightImageChoices input:checked+img {border-color:#3F8E73;box-shadow:0 0 0 2px rgba(63,142,115,.18);}
.copyrightFormGrid {display:grid;grid-template-columns:1fr 1fr;gap:0 16px;}
.copyrightDeclaration {display:flex!important;align-items:flex-start;gap:10px;font-weight:400!important;}
.copyrightDeclaration input {width:19px;height:19px;flex:0 0 19px;margin-top:2px;accent-color:#3F8E73;}
.copyrightDeclaration span {color:#373b41!important;}
.copyrightHoneypot {position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important;}
@media (max-width:767px) {
.copyrightComplaintPopup {padding:20px;}
.copyrightImageChoices {grid-template-columns:repeat(3,minmax(0,1fr));}
.copyrightFormGrid {grid-template-columns:1fr;}
}
.photonSuggestions {
position: absolute;
left: 0;
right: 0;
top: calc(100% + 6px);
background: #fff;
border: 1px solid #d7d7d7;
border-radius: 8px;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
z-index: 60;
max-height: 240px;
overflow-y: auto;
}
.photonSuggestionItem {
display: block;
width: 100%;
text-align: left;
padding: 10px 12px;
background: #fff;
border: 0;
border-bottom: 1px solid #f1f1f1;
font: inherit;
color: #373b41;
cursor: pointer;
}
.photonSuggestionItem:last-child {border-bottom: 0;}
.photonSuggestionItem:hover {background: #f5f9f7;}
.locationServiceNotice {
margin-top: 10px;
padding: 10px 12px;
background: #fff7e6;
color: #7c5a12;
border: 1px solid #f0d7a1;
border-radius: 8px;
font-size: 14px;
line-height: 1.35;
}
.locationPickerMap {
margin-top: 0;
height: 300px;
border-radius: 10px;
border: 1px solid #d8d8d8;
overflow: hidden;
}
.locationAutocompleteWrap {
position: relative;
margin-top: 14px;
}
.locationPickerHint {
margin-top: 8px;
font-size: 13px;
color: #667;
}
.autoLocationField[readonly] {
background:#f6f8f7 !important;
color:#68736f;
cursor:not-allowed;
}
/*gmap*/
.gm-style-iw-chr {position:absolute; top:0; right:0}
.rentScannerMapMarker {
background:transparent;
border:0;
}
.rentScannerMapMarker span {
display:block;
width:30px;
height:30px;
background:#3F8E73;
border:3px solid #fff;
border-radius:50% 50% 50% 0;
box-shadow:0 3px 8px rgba(0,0,0,.28);
transform:rotate(-45deg);
}
.rentScannerMapMarker span:after {
content:'';
position:absolute;
left:50%;
top:50%;
width:8px;
height:8px;
background:#fff;
border-radius:50%;
transform:translate(-50%, -50%);
}
.gmWind {display:block; width:310px; max-width:calc(100vw - 90px); font-weight:400; font-size:15px; padding-top:20px; color:#373b41; border-bottom:0}
.gmWind .head {display:flex; align-items:flex-start;width:100%; margin-bottom:10px; padding-right: 20px;}
.gmWind .head img {width:120px; display:block; flex-shrink:0; margin-right:10px}
.gmWind .cat {font-size:12px; font-weight:bold; margin-bottom:5px;}
.gmWind .title {font-size:17px; margin-bottom:6px;}
.gmWind .price {font-weight:bold; margin-bottom:5px;}
.gmWind .location,
.gmWind .searchMeta {font-size:13px; line-height:1.3; margin-bottom:4px; color:#4f5864;}
.gmWind .location i {color:#3F8E73; margin-right:4px;}
.gmWind .desc {line-height:1.4; margin-bottom:10px; }
.gmWind .more {font-weight:bold; color:#0077b6}
.gmWind:hover {color:#373b41}
.gmWind:hover .more {color:#3F8E73}
.listSearch .searchForm ._input:not(:first-of-type) input {
min-width: 150px !important;
}
#mapCategoryFilter {
display: flex;
justify-content: center;
margin-bottom: 15px;
}
._base.onlyPropret.hidden, ._facilities.onlyProprety.hidden,
._base.onlyProprety.hidden {
margin: 0;
}
.datepicker table tr td.today {
background-color: #b3b3b3 !important;
}
.homeHero {
padding: 30px 0 30px;
background-color: #EEF8F2;
}
.header {
padding: 15px 0;
border-bottom: 0px solid #bbb;
background-color: #EEF8F2;
}
.listSearch {
background-color: #EEF8F2;
}
.listSearch .searchForm ._input + ._input:after {
content: '';
position: absolute;
left: 0;
}
.roundedIcon {
background: #3F8E73;
}
._logo {
max-width: 250px;
}
.advertPage .top .__info > div {
margin-right: 20px;
max-width: 530px;
display: flex;
gap: 5px;
}
.roundedIcon.xs {
min-width: 20px;
min-height: 20px;
}
.advertPage .top .__info {
align-items: start;
margin-top: 15px;
}
.btn:focus, .btn.focus {
outline: 0;
box-shadow: none;
}
.content .sidebar ._calc {
border: 3px solid #3F8E73;
border-radius: 25px;
padding: 15px;
margin-bottom: 25px;
border-radius: 8px;
}
.content .sidebar .number.bookingGuestsNumber {
border-right: 1px solid #bbb;
display: flex;
flex-direction: row;
justify-content: center;
}
.bookingPriceRules {font-size:13px;line-height:1.45;margin:12px 0 18px;color:#555;}
.bookingPriceRules strong {display:block;color:#373b41;margin-bottom:4px;}
.content .sidebar .__inputs div:last-of-type {
border-top: 0px solid #bbb;
}
.content .sidebar .__inputs {
border: 0px solid #bbb;
border-radius: 0;
margin-bottom: 20px;
}
.content .sidebar .__inputs div:first-of-type {
border-right: 0px solid #bbb;
}
.listSearch ._facilitiesDropdown.open ._advancedFacilities {
z-index: 999;
}
.listSearch ._advancedNumbers .number {
justify-content: space-between;
}
.gmWind .head img {
height: 120px;
object-fit: cover;
}
.citySeoText a {
color: #6aca89;
}
.citySeoText h2, .citySeoText h3, .citySeoText h4, .citySeoText h5 {
margin-bottom: 10px;
margin-top: 30px;
font-weight: inherit;
}
.homeSeoText h2, .homeSeoText h3, .homeSeoText h4, .homeSeoText h5 {
margin-bottom: 10px;
margin-top: 30px;
font-weight: inherit;
color: #373b41;
}
.citySeoText ul, .homeSeoText ul {
padding-left: 30px;
margin-top: 10px;
margin-bottom: 10px;
}
.content .sidebar ._location {
gap: 5px;
margin-bottom: 10px;
}
.content .sidebar .__inputs div:nth-child(1) input, .content .sidebar .__inputs div:nth-child(2) input {
padding-right: 0;
}
.content .sidebar .__inputs div:nth-child(3):before {
content: "";
}
.content .sidebar .__inputs div:nth-child(1) input, .content .sidebar .__inputs div:nth-child(2) input {
padding-right: 0;
height: 45px;
background: #f5fbf8;
margin: 0 auto;
width: 100%;
text-align: center;
}
.content .sidebar .__inputs div:nth-child(3):before {
border-top: 0px solid #bbb;
max-width: 150px;
margin: 0 auto;
}
.content .sidebar .__inputs div:nth-child(3) input {
background: transparent;
}
.content .sidebar .__inputs div:nth-child(3) {
max-width: 150px;
text-align: center;
margin: 0 auto;
}
.homeAdsGrid ._gallery img {
max-width: 100%;
height: 230px;
width: 100%;
object-fit: cover;
}
._rating .fa-star:before {
color: #f4b400;
}
.listSearch .searchForm .categorySearchButton:hover {
background: #3a3252 url(../images/search-w.svg) center / 34px;
background-repeat: no-repeat;
}
.langListFlex img {
width: 50px;
height: 30px;
object-fit: cover;
}
.advertPage .top ._name h1 {
max-width: 880px;
}
/* responsive */
@media (max-width: 1180px) {
.wrapper,
.outer,
.inner {width:92%;}
.header .wrapper {flex-wrap:wrap;gap:12px 16px;}
._logo {max-width:220px;}
.headerMenu {order:3;width:100%;justify-content:center;margin-left:0;gap:22px;}
.header .langSelecter,
.header .currencySelecter,
.wishlistHeaderLink,
.header ._user,
.header .menu_has_childs {margin-left:0;}
.headerFilters {top:128px;}
.homeContent ._list .adsListItem,
.homeAdsGrid .adsListItem {width:calc(50% - 20px);}
.searchResults ._list .adsListItem.searchCard {grid-template-columns:360px minmax(0,1fr);}
.content .sidebar {width:310px;margin-left:30px;}
.advertOffersSection ._offers {grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (max-width: 900px) {
h1, .h1 {font-size:38px;}
h2, .h2 {font-size:26px;}
h3, .h3 {font-size:22px;}
.header {padding:14px 0;}
.header .wrapper {align-items:center;justify-content:center;}
._logo {max-width:210px;margin-right:auto;}
.headerMenu {
overflow-x:auto;
justify-content:flex-start;
padding:4px 0 2px;
scrollbar-width:none;
}
.headerMenu::-webkit-scrollbar {display:none;}
.headerMenu a {padding:6px 2px;}
.headerFilters {
position:static;
order:4;
width:100%;
flex-direction:row;
justify-content:center;
align-items:center;
gap:10px;
}
.headerFilters > a {
min-width:0;
height:38px;
border-radius:24px;
padding:0 12px;
}
.footer .wrapper,
.postFooter .wrapper {flex-wrap:wrap;gap:20px;}
.footer ._menu {width:calc(50% - 10px);}
.postFooter nav {order:3;width:100%;margin-left:0;flex-wrap:wrap;gap:8px;}
.postFooter nav a {border-left:0;padding:0 8px 0 0;}
.postFooter ._soc {margin-left:0;margin-right:0;}
.homeHero {padding:28px 0 20px;}
.homeHero h1 {font-size:36px;}
.homeHero .homeHeroDesc {font-size:16px;}
.homeLatestTabsNav {overflow-x:auto;justify-content:flex-start;padding-bottom:4px;}
.homeLatestTabsNav button {flex:0 0 auto;}
.searchPageTitle h1 {font-size:28px;}
.searchResults ._list .adsListItem.searchCard {grid-template-columns:1fr;min-height:0;}
.searchResults .adsListItem.searchCard ._gallery {height:260px;}
.searchResults .adsListItem.searchCard ._body {padding:18px 52px 18px 18px;}
.content {display:block;}
.content .main {width:100%;}
.content .sidebar {
position:static !important;
width:100%;
margin:30px 0 0;
}
.content .main ._gallery a:first-of-type {height:320px;}
.advertPage {padding-top:34px;}
.advertPage .top {flex-wrap:wrap;gap:12px;margin-bottom:22px;}
.advertPage .top ._name {width:100%;}
.advertPage .top ._name h1 {font-size:32px;max-width:none;}
.advertPage .top .__info {flex-wrap:wrap;gap:8px 16px;}
.advertPage .top .__info > div,
.advertPage .top .__info > a {margin-right:0;}
.advertPage .top ._name + .btn {margin-left:0;}
.advertInfo .wrapper {display:block;}
.advertInfo .wrapper > div {margin-bottom:22px;}
.advertOffersSection {padding:24px 0 0;}
.advertOffersSection ._offers {grid-template-columns:repeat(2,minmax(0,1fr));}
.rewsSection {padding:36px 0;}
.rewsSectionHead {align-items:flex-start;flex-direction:column;}
.rewsTools {width:100%;margin-left:0;justify-content:space-between;flex-wrap:wrap;}
.profileSettings form {display:block;}
.profileSettings ._item {width:100%;}
.pasportTop .wrapper {display:block;}
.pasportTop ._profile {margin:0 0 20px;}
.pasportTop ._buttons {align-items:flex-start;margin-left:0;}
.advForm .advertForm {padding:22px;}
.advertStepDots {grid-template-columns:repeat(3, minmax(0, 1fr));}
.advertStepDot {align-items:flex-start;}
.advForm ._roomsCounter > .__inputs > *,
._facilities > * {width:48%;margin-right:2%;}
.advForm .priceRuleRow {grid-template-columns:1fr;}
.advForm .priceRuleRow label {display:block;}
.advForm .removePriceRule {justify-self:end;}
.mapPoiFilters .wrapper {align-items:flex-start;}
.mapSearchAlert {top:68px;width:90%;padding:16px;}
.mapSearchAlert form {flex-wrap:wrap;}
.mapSearchAlert input[type=email] {flex-basis:100%;}
.mapDrawTools {
top:68px;
right:5%;
flex-direction:column;
align-items:flex-end;
}
.fullMapWrapper #fullMap,
#fullMap {height:70vh !important;min-height:430px;}
}
@media (max-width: 640px) {
body {font-size:15px;}
h1, .h1 {font-size:32px;}
h2, .h2 {font-size:24px;margin-bottom:20px;}
h3, .h3 {font-size:20px;margin-bottom:18px;}
.wrapper,
.outer,
.inner {width:90%;}
.btn {
max-width:100%;
padding:0 18px;
font-size:15px;
text-align:center;
}
.header .wrapper {justify-content:flex-start;}
._logo {max-width:190px;width:58%;}
.header .langSelecter,
.header .currencySelecter,
.wishlistHeaderLink,
.header ._user {
height:36px;
padding:0 8px;
font-size:14px;
}
.wishlistHeaderLink {font-size:0;}
.wishlistHeaderLink .roundedIcon {margin-left:0;}
.header .menu_has_childs {max-width:100%;}
.header .menu_has_childs > .childrens {
right:auto;
left:0;
min-width:210px;
}
.headerMenu {gap:16px;}
.headerFilters > a {
flex:1;
justify-content:center;
font-size:14px;
}
.headerFilters > a span {margin-left:6px;}
.footer {padding:24px 0;}
.footer ._menu {width:100%;}
.postFooter {padding:20px 0;}
.postFooter .wrapper {display:block;}
.postFooter nav,
.postFooter ._soc {margin-top:14px;}
.postFooter .langSelecter,
.postFooter .currencySelecter {display:inline-flex;margin:14px 10px 0 0;}
.homeHero h1 {font-size:30px;}
.homeHero .homeHeroDesc {font-size:15px;}
.homeContent {padding:34px 0;}
.homeContent ._list,
.homeAdsGrid {display:block;margin:0;}
.homeContent ._list .adsListItem,
.homeAdsGrid .adsListItem {
width:100%;
margin:0 0 22px;
}
.homeContentTitle {font-size:24px;}
.homeLatestTabsNav {gap:8px;margin-bottom:20px;}
.homeLatestTabsNav button {min-width:96px;height:42px;font-size:14px;}
.listSearch ._cats {
justify-content:flex-start;
overflow-x:auto;
padding-bottom:4px;
}
.listSearch ._cats button,
.advForm ._cats a {
flex:0 0 112px;
width:112px;
margin:0 8px 0 0;
font-size:14px;
}
.listSearch .categorySearchForm {height:auto;}
.listSearch .searchForm input {font-size:15px;}
.listSearch ._searchAdvancedRow {padding:14px 0;}
.listSearch ._searchAdvancedRow input,
.listSearch ._searchAdvancedRow select {height:42px;}
.listSearch ._advancedFacilities {
position:fixed;
left:5%;
right:5%;
top:20%;
max-height:60vh;
overflow:auto;
z-index:999;
}
.searchResults .adsListItem.searchCard ._gallery {height:220px;}
.searchResults .adsListItem.searchCard ._body {padding:16px 16px 18px;}
.searchResults .adsListItem.searchCard ._title {font-size:20px;}
.searchResults .adsListItem.searchCard ._fav {top:14px;right:14px;}
.searchResults .adsListItem.searchCard ._rating {
left:12px;
right:auto;
bottom:12px;
max-width:calc(100% - 24px);
}
.advertPage .top ._name h1 {font-size:28px;}
.advertPage .top > .btn {margin:0;}
.content .main ._gallery a:first-of-type {height:250px;}
.content .main ._gallery a:nth-child(5):after {font-size:14px;}
.advertBasics {grid-template-columns:1fr 1fr;}
.content .sidebar ._calc {border-width:2px;padding:12px;}
.content .sidebar .__inputs {display:block;}
.content .sidebar .__inputs div {
width:100% !important;
max-width:none !important;
border-right:0 !important;
border-top:1px solid #d7e6df;
}
.content .sidebar .__inputs div:first-child {border-top:0;}
.content .sidebar .__inputs div:nth-child(1) input,
.content .sidebar .__inputs div:nth-child(2) input {text-align:left;}
.content .sidebar .__inputs div:nth-child(3) {text-align:left;}
.content .sidebar .__inputs .bookingGuestsNumber {justify-content:flex-start;}
.content .sidebar .__table .total {font-size:20px;}
.content .sidebar ._map {height:260px;}
.advertOffersSection ._offers {grid-template-columns:1fr;}
.advertInfo .wrapper > div {font-size:15px;}
.rewsTools {display:block;}
.rewsAverage {margin-bottom:12px;}
.rewsSort {justify-content:space-between;}
.rewsSort select {max-width:190px;}
.rewsList ._head {align-items:flex-start;}
.rewsList .__img {
width:56px;
height:56px;
margin-right:14px;
}
.rewsList .__rating {
width:100%;
margin:12px 0 0 70px;
}
.advForm .advertForm {padding:16px;}
.advertStepProgress {padding:14px;margin-bottom:22px;}
.advertStepDots {grid-template-columns:1fr 1fr;}
.advertStepDot {min-height:38px;}
.advertStepDot em {font-size:12px;}
.advertStepActions {
display:grid;
grid-template-columns:1fr 1fr;
padding-top:18px;
}
.advertStepActions .btn {width:100%;min-width:0;padding:0 12px;}
.advertStepActions .advertStepSubmit {grid-column:1/-1;}
.advForm {max-width:100%;}
.advForm ._category,
.advForm ._subcategory {
overflow-x:auto;
justify-content:flex-start;
padding-bottom:24px;
}
.advForm ._category span,
.advForm ._subcategory span {
flex:0 0 96px;
margin:0 8px 0 0;
}
.advForm ._type > div {padding:16px;}
.advForm ._type img {width:42px;margin-right:14px;}
.mapSearchAlert {
position:relative;
top:auto;
left:auto;
transform:none;
width:100%;
box-sizing:border-box;
margin:0 auto 14px;
display:block;
}
.mapSearchAlert ._icon {margin:0 0 10px;}
.mapSearchAlert ._clear {display:inline-block;margin-top:12px;}
.mapSearchAlert .btn {width:100%;}
.mapDrawTools {
position:relative;
top:auto;
right:auto;
width:100%;
margin:0 0 12px;
flex-direction:row;
align-items:center;
}
.mapDrawTools .btn {flex:1;justify-content:center;}
.advForm ._roomsCounter > .__inputs,
.advForm ._price,
.advForm ._date,
.advForm ._priceWrapper {display:block;}
.advForm ._roomsCounter > .__inputs > *,
.advForm ._price > div,
.advForm ._date > div,
._facilities > * {width:100%;margin-right:0;}
.advForm ._gallery > * {width:calc(50% - 6px);}
.advForm .bookingEnabledLabel {padding-right:12px;font-size:14px;}
.profileSettings {padding:34px 0;}
.profileSettings ._avatar {margin:0 auto 32px;}
.pasportTop {padding-top:34px;}
.pasportTop.profileWithoutAdverts {padding-bottom:46px;}
.pasportTop ._head {align-items:flex-start;}
.pasportTop ._head h2 {font-size:24px;margin-left:12px;}
.pasportTop ._profile {align-items:flex-start;}
.pasportTop ._profile .__img {width:76px;height:76px;margin-right:14px;}
.regPage,
.simplePage,
.filterPage,
.regComplPage {padding:34px 0;}
.citySeoText {padding:28px 0 42px;}
.citySeoText h1 {font-size:24px;}
.mapPoiFilters ._items {display:grid;grid-template-columns:1fr 1fr;width:100%;}
.mapPoiFilters button {justify-content:center;width:100%;padding:0 8px;}
.fullMapWrapper #fullMap,
#fullMap {height:68vh !important;min-height:380px;}
.gmWind {width:260px;font-size:14px;}
.gmWind .head {display:block;}
.gmWind .head img {
width:100%;
height:130px;
margin:0 0 10px;
}
}
@media (max-width: 420px) {
.wrapper,
.outer,
.inner {width:92%;}
._logo {width:66%;}
.headerMenu {gap:13px;font-size:14px;}
.headerFilters {gap:6px;}
.headerFilters > a {font-size:13px;padding:0 8px;}
.homeHero h1 {font-size:27px;}
.searchResults .adsListItem.searchCard ._gallery {height:200px;}
.searchResults .adsListItem.searchCard ._desc {font-size:14px;}
.advertPage .top ._name h1 {font-size:25px;}
.content .main ._gallery a:first-of-type {height:220px;}
.advertBasics {grid-template-columns:1fr;}
.listSearch .searchForm .categorySearchButton {height:52px;}
.mapPoiFilters ._items {grid-template-columns:1fr;}
}
._offers .roundedIcon i {
font-size: 12px;
}
.listSearch ._advancedToggle .roundedIcon {
background: transparent;
color: #000;
font-size: 12px;
}
._desc p {
margin: 15px 0;
}
.btn {
border-radius: 8px;
}
.header .roundedIcon {
width: 24px;
height: 24px;
background: var(--mc);
color: #fff;
border-radius: 100%;
display: inline-block;
text-align: center;
line-height: 16px;
font-size: 11px;
border: none;
border-radius: 6px;
}
.header ._user span {
display: block;
width: 24px;
height: 24px;
border-radius: 100%;
margin-left: 10px;
object-fit: cover;
border-radius: 6px;
}
.header .roundedIcon i {
line-height: 25px;
height: 10px;
}
.searchResults .adsListItem.searchCard ._gallery {
height: 100%;
}
.searchResults .adsListItem.searchCard ._gallery {
height: 250px;
}
.adsListItem ._gallery img {
max-width: 100%;
height: 250px;
width: 100%;
object-fit: cover;
}
.advForm label.checkbox {
cursor: pointer;
}
.custom-control-label {
cursor: pointer;
}
.custom-control-label::before {
border: 0px solid #adb5bd !important;
}
.custom-control-label::after {
border: 0px solid #adb5bd !important;
}
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
border-color: transparent !important;
background-color: transparent !important;
}
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
color: #fff;
background-color: transparent !important;
border-color: transparent !important;
}
.custom-control-label::before {
display: none !important;
}
.btn {
padding: 0 15px;
}
.advForm .priceInputWrap > span, .advForm .priceRuleInputWrap > span {
font-weight: 500;
margin-top: -11px;
}
.advForm .priceRuleInputWrap > span {
margin-top: 3px;
font-weight: 500;
}
.advForm .priceRuleInputWrap {
width: 100%;
}
.pasportTop .profileMeta {
display: grid;
}
.profileVerifiedOnly {display:inline-flex;align-items:center;gap:7px;color:#3F8E73;font-weight:700;}
.leaflet-container a {
color: #373b41;
}
.gmWind:hover {
color: #373b41;
text-decoration: none;
}
.hermes-default-policy-bar {
position:fixed;
left:24px;
bottom:24px;
z-index:1000;
width:min(420px, calc(100vw - 48px));
padding:20px;
background:#fff;
color:#27313a;
border:1px solid #d7e9df;
border-radius:10px;
box-shadow:0 14px 34px rgba(0,0,0,.14);
line-height:1.45;
font-size:14px;
}
.hermes-default-policy-bar-title {
margin-bottom:8px;
font-size:18px;
font-weight:800;
color:#27313a;
}
.hermes-default-policy-bar-text {color:#5b6670;}
.hermes-default-policy-bar-btns {
display:flex;
align-items:center;
gap:10px;
margin-top:16px;
}
.hermes-default-policy-bar-btns a,
.hermes-default-policy-bar-btns span {
display:inline-flex;
align-items:center;
justify-content:center;
min-height:40px;
padding:0 16px;
border-radius:8px;
font-weight:700;
text-decoration:none;
cursor:pointer;
transition:.2s;
}
.hermes-default-policy-bar-btns span {
background:#3F8E73;
color:#fff;
box-shadow:0 8px 18px rgba(63,142,115,.22);
}
.hermes-default-policy-bar-btns span:hover {
background:#32765f;
color:#fff;
}
.hermes-default-policy-bar-btns a {
background:#EEF8F2;
color:#3F8E73;
}
.hermes-default-policy-bar-btns a:hover {
background:#dff1e7;
color:#32765f;
}
@media (max-width: 640px) {
.hermes-default-policy-bar {
left:5%;
right:5%;
bottom:16px;
width:auto;
padding:18px;
}
.hermes-default-policy-bar-btns {
display:grid;
grid-template-columns:1fr;
}
}
#notes {
top:50%;
bottom:auto;
left:0;
right:0;
position:fixed;
transform:translateY(-50%);
width:100%;
height:100vh;
align-items:center;
justify-content:center;
gap:12px;
padding:0 16px;
pointer-events:auto;
}
#notes:empty {
display:none;
}
#notes:before {
content:"";
position:fixed;
inset:0;
background:rgba(39,49,58,.24);
backdrop-filter:blur(1px);
pointer-events:none;
z-index:0;
}
#notes .note-item {
width:min(520px, calc(100vw - 32px));
margin:0 auto;
padding:18px 18px 18px 20px;
background:#fff;
color:#27313a;
border:1px solid #d7e9df;
border-left:5px solid #3F8E73;
border-radius:10px;
box-shadow:0 16px 38px rgba(0,0,0,.14);
text-align:left;
font-size:15px;
line-height:1.45;
font-weight:500;
justify-content:space-between;
position:relative;
z-index:1;
}
#notes .note-item[data-type] {
background:#fff;
color:#27313a;
animation:none;
}
#notes .note-item:before {
content:"\f05a";
display:flex;
align-items:center;
justify-content:center;
flex:0 0 34px;
width:34px;
height:34px;
margin-right:12px;
border-radius:8px;
background:#EEF8F2;
color:#3F8E73;
font-family:"Font Awesome 6 Free";
font-weight:900;
}
#notes .note-item[data-type=success],
#notes .note-item[data-type=alert-success] {border-left-color:#3F8E73;}
#notes .note-item[data-type=success]:before,
#notes .note-item[data-type=alert-success]:before {content:"\f00c";}
#notes .note-item[data-type=warn],
#notes .note-item[data-type=warning],
#notes .note-item[data-type=alert-warning] {border-left-color:#f0ad4e;}
#notes .note-item[data-type=warn]:before,
#notes .note-item[data-type=warning]:before,
#notes .note-item[data-type=alert-warning]:before {
content:"\f071";
background:#fff7e6;
color:#b7791f;
}
#notes .note-item[data-type=error],
#notes .note-item[data-type=danger],
#notes .note-item[data-type=alert-danger] {border-left-color:#dc3545;}
#notes .note-item[data-type=error]:before,
#notes .note-item[data-type=danger]:before,
#notes .note-item[data-type=alert-danger]:before {
content:"\f06a";
background:#fff1f2;
color:#dc3545;
}
#notes .note-item .note-item-text {
flex:1;
max-width:none;
padding-right:12px;
}
#notes .note-item .note-item-btn {
position:relative;
flex:0 0 28px;
width:28px;
height:28px;
background:none;
border-radius:8px;
color:#7b8790;
}
#notes .note-item .note-item-btn:before {
content:"\00d7";
position:absolute;
inset:0;
display:flex;
align-items:center;
justify-content:center;
font-size:24px;
line-height:1;
}
#notes .note-item .note-item-btn:hover {
background:#EEF8F2;
color:#3F8E73;
opacity:1;
}
@media (max-width: 640px) {
#notes .note-item {
width:100%;
padding:16px;
font-size:14px;
}
}
/* advert page visual zones */
.advertPage {
background:#fbfdfc;
padding-top:36px;
}
.advertPage .top {
padding:22px;
background:#fff;
border:1px solid #dcebe3;
border-radius:10px;
box-shadow:0 10px 28px rgba(39,49,58,.06);
}
.advertPage .content {
gap:34px;
margin-top:24px;
}
.advertPage .content .main {
min-width:0;
}
.advertPage .content .main ._gallery {
overflow:hidden;
border-radius:10px;
box-shadow:0 10px 26px rgba(39,49,58,.08);
}
.advertPage .content .main > h3 {
margin:0 0 14px;
padding-top:28px;
border-top:1px solid #e4efe9;
font-size:24px;
}
.advertPage .content .main ._gallery + h3 {
padding-top:0;
border-top:0;
}
.advertPage .content .main ._desc,
.advertBasics {
padding:24px;
background:#fff;
border:1px solid #dcebe3;
border-radius:10px;
box-shadow:0 8px 22px rgba(39,49,58,.05);
}
.advertPage .content .main ._desc {
color:#4f5864;
line-height:1.75;
}
.advertPage .content .main ._desc p:first-child {margin-top:0;}
.advertPage .content .main ._desc p:last-child {margin-bottom:0;}
.advertBasics {
margin-bottom:34px;
}
.advertBasics .__item {
background:#f6fbf8;
border-color:#dcebe3;
}
.advertPage .content .sidebar {
margin-left:0;
}
.content .sidebar ._map {
border:1px solid #dcebe3;
border-radius:10px;
overflow:hidden;
box-shadow:0 8px 20px rgba(39,49,58,.05);
}
.content .sidebar > ._location {
display:inline-flex;
max-width:100%;
padding:9px 12px;
background:#fff;
border:1px solid #dcebe3;
border-radius:8px;
box-shadow:0 6px 18px rgba(39,49,58,.04);
font-weight:600;
}
.content .sidebar ._host,
.content .sidebar ._subs {
padding:18px;
background:#fff;
border:1px solid #dcebe3;
border-radius:10px;
box-shadow:0 8px 22px rgba(39,49,58,.05);
}
.content .sidebar ._host h3 {
margin-bottom:14px;
}
.content .sidebar ._subs {
line-height:1.5;
color:#4f5864;
}
.advertInfo {
padding:30px 0 0;
background:#fbfdfc;
}
.advertInfo .wrapper {
gap:16px;
}
.advertInfo .wrapper > div {
padding:22px;
background:#fff;
border:1px solid #dcebe3;
border-radius:10px;
box-shadow:0 8px 22px rgba(39,49,58,.05);
color:#4f5864;
line-height:1.65;
}
.advertInfo .wrapper > div h3 {
margin-bottom:12px;
font-size:20px;
color:#27313a;
}
.advertOffersSection {
padding:30px 0 0;
background:#fbfdfc;
}
.advertOffersSection ._offers {
padding:24px;
background:#fff;
border:1px solid #dcebe3;
border-radius:10px;
box-shadow:0 8px 22px rgba(39,49,58,.05);
}
.advertOffersSection ._offers h3 {
position:relative;
margin-bottom:12px;
padding-bottom:12px;
border-bottom:1px solid #e4efe9;
}
.advertOffersSection ._offers div {
padding:12px;
background:#f6fbf8;
border:1px solid #dcebe3;
border-radius:8px;
font-weight:500;
}
.advertReviewForm {
background:#fbfdfc;
}
.advertReviewForm .wrapper {
padding:24px;
background:#fff;
border:1px solid #dcebe3;
border-radius:10px;
box-shadow:0 8px 22px rgba(39,49,58,.05);
}
.rewsSection.gridLayout {
padding:30px 0;
background:#fbfdfc;
}
.rewsSection.gridLayout .wrapper {
padding:28px;
background:#fff;
border:1px solid #dcebe3;
border-radius:10px;
box-shadow:0 8px 22px rgba(39,49,58,.05);
}
.rewsSection.gridLayout .rewsSectionHead {
padding-bottom:18px;
border-bottom:1px solid #e4efe9;
}
.rewsSection.gridLayout .rewsList ._item > div {
border-color:#dcebe3;
box-shadow:none;
background:#fdfefe;
}
.rewsSection.gridLayout .h4 {
margin:0;
color:#4f5864;
}
@media (max-width: 900px) {
.advertPage .top,
.advertPage .content .main ._desc,
.advertBasics,
.advertInfo .wrapper > div,
.advertOffersSection ._offers,
.advertReviewForm .wrapper,
.rewsSection.gridLayout .wrapper {
padding:18px;
}
.advertPage .content {
gap:0;
}
}
.viewedAdvert ._body {
opacity: 0.76;
}
@media (min-width: 1024px) {
.searchResults ._list .adsListItem.searchCard {
height: 250px;
}
}
.advertPage .top ._name {
max-width: 840px;
}
.advertPage .top ._name + .btn, .advertPage .top .btn.s2 {
font-size: 12px;
}
.listSearch .searchForm ._locationInput input {
text-transform: capitalize;
}
@media (max-width: 767px) {
.searchPageTitle .wrapper {
align-items:stretch;
flex-direction:column;
gap:16px;
}
.searchResultsSort {
align-items:stretch;
flex-direction:column;
gap:6px;
}
.searchResultsSort select {
width:100%;
min-width:0;
}
}
._host .__img img {
object-fit: cover;
height: 100%;
}
@media (min-width: 901px) {
.bookingCardsTable tbody td:first-child, .bookingCardsTable tbody td:last-child {
justify-content: right;
}
}
a {
text-decoration: none !important;
border-bottom: 0px solid transparent;
}
.bookingTabButton .bookingTabActionBadge, .bookingTabButton.active .bookingTabActionBadge {
position: absolute;
right: 20px;
}
.bookingTabButton {
position: relative;
}
.bookingTabButton .bookingTabActionBadge, .bookingTabButton.active .bookingTabActionBadge {
position: absolute;
right: 12px;
min-width: 16px;
height: 16px;
top: 4px;
border-radius: 6px;
}
.advertInfo ul {
padding-left: 20px;
}