:root { --primary-color: #f37c20; --secondary-color: #000000; --text-color: rgba(0, 0, 0, 0.85); --primary-font: 'Geologica', sans-seri; --title-font: "Roboto", sans-serif; --bs-box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.1); }
/* Fonts */
@font-face { font-family: 'Geologica'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(../webfonts/Geologica/Geologica.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* greek */
@font-face { font-family: 'Geologica'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(../webfonts/Geologica/Geologica-Greek.woff2) format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100 900; font-stretch: 100%; font-display: swap; src: url(../webfonts/Roboto/Roboto.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
body { overflow-x: hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: var(--primary-font); line-height: 1.7; font-size: 16px; color: var(--text-color); }
::selection {background: var(--primary-color); color: #fff;}
.light { font-weight: 300 !important; }
.normal { font-weight: 400 !important; }
.medium { font-weight: 500 !important; }
.semi { font-weight: 600 !important; }
.bold { font-weight: 700 !important; }
.ebold { font-weight: 800 !important; }
.f-black { font-weight: 900 !important; }
.fs-10 { font-size: 10px !important; }
.fs-12 { font-size: 12px !important; }
.fs-14 { font-size: 14px !important; }
.fs-18 { font-size: 18px !important; }
.title-font { font-family: var(--title-font); }
.primary-font { font-family: var(--primary-font); }
h1, h2, h3, h4, h5, h6 { margin-top: 0; font-style: normal; font-weight: 400; text-transform: normal; }
.clear { clear: both; }
a, button { color: var(--primary-color); outline: medium none; text-decoration: none; }
a:focus, .button:focus { text-decoration: none; outline: none; }
a:hover, a:visited { text-decoration: none; }
a:hover { color: var(--secondary-color); }
button:focus, input:focus, input:focus, textarea, textarea:focus { outline: 0; }
input:focus::-moz-placeholder { opacity: 0; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; }
.primary-color { color: var(--primary-color) !important; }
.bg-primary-color { background-color: var(--primary-color) !important; }
.border-primary-color { border-color: var(--primary-color) !important; }
.secondary-color { color: var(--secondary-color) !important; }
.bg-secondary-color { background-color: var(--secondary-color) !important; }
.border-secondary-color { border-color: var(--secondary-color) !important; }
.text-dark { color: #333 !important; }
.bg-f0 { background: #f0f0f0 !important; }
.bg-f4 { background: #f4f4f4 !important; }
.bg-f5 { background: #f5f5f5 !important; }
.bg-f9 { background: #f9f9f9 !important; }
.bg-none { background: none !important; }
.btn { background: var(--primary-color); color: #fff; -moz-user-select: none; cursor: pointer; display: inline-block; font-weight: 500; padding: 10px 20px; border-radius: 50px; border: 2px solid var(--primary-color); font-family: var(--title-font); }
.btn:hover { color: #fff; background: var(--secondary-color); border-color: var(--secondary-color); }
.btn-outline { color: var(--primary-color); background: transparent; border-color: var(--primary-color); }
.btn-outline:hover { color: #fff; background: var(--primary-color); border-color: var(--primary-color); }
.btn-white { color: #fff; background: transparent; border-color: #fff; border-width: 2px }
.btn-white:hover { background: #fff; border-color: #fff; }
.btn.focus, .btn:focus { outline: 0; box-shadow: none; }
.btn-sm { padding: .25rem .5rem; font-size: .875rem; }
.btn.min-width { min-width: 200px; }
.link { color: var(--text-color); }
.link:hover { color: var(--primary-color); }
/* Scrollbars */
.theme-scrollbar { overflow-x: hidden; overflow-y: auto; scrollbar-color: #D1D5DB #fff; scrollbar-width: thin; }
.theme-x-scrollbar { overflow-x: auto; overflow-y: hidden; padding-right: 0; margin-right: 0; }
.theme-scrollbar::-webkit-scrollbar-track { -webkit-box-shadow: none; background-color: transparent; }
.theme-scrollbar::-webkit-scrollbar { width: 4px; background-color: transparent; }
.theme-scrollbar::-webkit-scrollbar-thumb { background-color: #D1D5DB; border-radius: 3px; }
.br-0 { border-radius: 0px !important; }
.br-5 { border-radius: 5px !important; }
.br-8 { border-radius: 8px !important; }
.br-10 { border-radius: 10px !important; }
.br-15 { border-radius: 15px !important; }
.br-20 { border-radius: 20px !important; }
.alert { padding: 8px 0; font-size: 14px; }
.alert-dismissible .btn-close { padding: 0 1rem; height: 100%; color: #fff; background: none !important; opacity: 1; }
.fancybox__container {--fancybox-opacity: 0.9}
/* BACK TO TOP */
#scrollUp { background: var(--primary-color); height: 50px; width: 50px; right: 31px; bottom: 0px; color: #fff; font-size: 20px; text-align: center; border-radius: 50%; line-height: 48px; border: 2px solid transparent; position: fixed; visibility: hidden; opacity: 0; cursor: pointer; z-index: 999; }
#scrollUp.active { bottom: 30px; visibility: visible; opacity: 1; }
@media (max-width:767px) {
#scrollUp { right: 16px; }
#scrollUp { width: 40px; height: 40px; line-height: 38px; }
}
#scrollUp:hover { color: #000; }
.g-2rem { --bs-gutter-x: 2rem; --bs-gutter-y: 2rem; }
.gx-2rem { --bs-gutter-x: 2rem; }
.gy-2rem { --bs-gutter-y: 2rem; }
.g-2-5rem { --bs-gutter-x: 2.5rem; --bs-gutter-y: 2.5rem; }
.br-0 { border-radius: 0 !important; }
.img-thumbnail { padding: .5rem; }
.form-control { border-color: #e0dfdf; border-radius: 50px; height: 56px; }
.form-control:focus { box-shadow: none; outline: none; border-color: var(--primary-color); }
.form-control::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.5); }
.form-control::-moz-placeholder { color: rgba(0, 0, 0, 0.5); }
.form-control:-ms-input-placeholder { color: rgba(0, 0, 0, 0.5); }
.form-control:-moz-placeholder { color: rgba(0, 0, 0, 0.5); }
.input-group .wpcf7-form-control-wrap .form-control { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.input-group > .btn.input-group-text { border-top-right-radius: 4px !important; border-bottom-right-radius: 4px !important; height: 46px; }
.wpcf7-spinner { position: absolute }
.modal .btn-close { position: absolute; top: -15px; right: -15px; background-color: #fff; box-shadow: 0 0 15px rgba(0, 0, 0, .2); border-radius: 50%; width: 30px; height: 30px; opacity: 1; }
/* .swiper-button-next, .swiper-button-prev { font-size: 22px; color: #fff; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, .3); }
.swiper-button-next::after, .swiper-button-prev::after { display: none; }
.swiper-button-prev, .swiper-rtl .swiper-button-next { left: 0 }
.swiper-button-next, .swiper-rtl .swiper-button-prev { right: 0; } */
.arrow svg path { stroke: var(--primary-color); stroke-dasharray: 1; stroke-dashoffset: 1; opacity: 0; }
.arrow.animated svg path { opacity: 1; animation: nectarStrokeAnimation 1.3s cubic-bezier(0.65, 0, 0.35, 1) forwards; animation-duration: 1.3s; }
@keyframes nectarStrokeAnimation {
0% { stroke-dashoffset: 1; opacity: 0; }
1% { opacity: 1; }
100% { stroke-dashoffset: 0; }
}
/* Header
------------------- */
header { position: absolute; left: 0; right: 0; z-index: 999; border-bottom: 1px solid #646464; font-family: var(--title-font); }
.sticky-bar { left: 0; background: rgba(0, 0, 0, .7); margin: auto; position: fixed; top: 0; width: 100%; -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown; animation: 400ms ease-in-out 0s normal none 1 running fadeInDown; box-shadow: 0 8px 20px rgba(0, 0, 0, .1); }
header .navbar { position: unset; }
.navbar-collapse ul.navbar-nav { position: relative; }
.navbar-expand-lg .navbar-nav .nav-item { padding: 0px 0px; margin: 0 15px; }
.navbar-expand-lg .navbar-nav .nav-link { color: #fff; padding: 35px 0; position: relative; font-weight: 500; }
.navbar-expand-lg .navbar-nav .nav-link:after { content: ''; position: absolute; bottom: 0; left: 0; height: 2px; width: 0%; background: var(--primary-color); transition: all .5s; }
.navbar-expand-lg .navbar-nav .nav-link:hover:after, .navbar-expand-lg .navbar-nav .nav-item:hover .nav-link:after, .navbar-expand-lg .navbar-nav .nav-link:focus:after, .navbar-expand-lg .navbar-nav .nav-item.active .nav-link:after { width: 100%; }
.navbar-expand-lg .navbar-nav .nav-item .btn:hover {background: transparent; border-color: var(--primary-color); color: var(--primary-color);}
header .dropdown-menu { border: 0; border-radius: 10px; padding: 20px; background: rgba(0, 0, 0, .7); box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2); }
header .dropdown-menu li { padding: 0px 0 10px; display: block; }
header .dropdown-menu li:last-child { padding: 0; }
header .dropdown-menu li a { font-size: 14px; color: #fff; padding: 0px; display: block; text-transform: uppercase; }
header .dropdown-menu li a:hover { color: var(--primary-color); }
.dropdown-toggle::after { content: "\f078"; font-family: "Font Awesome 5 Pro"; font-weight: 700; margin-left: 5px; border: 0 !important; vertical-align: middle; font-size: 10px; color: #fff; transform: rotate(0deg); transition: transform 0.4s; }
.dropdown:hover .dropdown-toggle::after { color: #fff; transform: rotate(180deg); transition: transform 0.4s; }
@media (min-width:1024px) {
.navbar-nav .dropdown-menu { position: absolute; display: block; transform: scaleY(0); transform-origin: 0 0; transition: transform 0.4s; left: 0; top: 100%; min-width: 250px; }
.navbar-nav .dropdown:hover > .dropdown-menu { display: block; transform: scaleY(1); transition: transform 0.4s; }
.navbar-nav .dropdown:hover > .dropdown-menu { margin: 0 !important; }
}
/* Footer
------------------- */
footer { color: #fff; position: relative; background: #252525; font-size: 12px; }
.footer-links { display: flex; flex-wrap: wrap; justify-content: center; }
.footer-links a { color: #fff; }
.footer-links a:hover { color: var(--primary-color); }
.footer-links a:not(:last-child):after { content: "|"; padding: 0 8px; color: #fff; }
.ftco-footer-bottom-logo { padding: 0; margin: 0; }
.ftco-footer-bottom-logo li { list-style: none; margin: 0 20px; display: inline-block; }
.ftco-footer-bottom-logo li a img { max-height: 30px; }
.copyright { background: var(--secondary-color); color: #fff; font-size: 12px }
.copyright a:hover { color: #fff; }
/* Home
------------------ */
.banner-sect { position: relative; height: 100vh; display: flex; align-items: center; justify-content: center; color: #fff; z-index: 1; background-size: cover; background-repeat: no-repeat; }
.banner-area:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #000; z-index: -2; opacity: .3 }
.inner-banner-sect {height: 400px}
/* .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal { display: flex; align-items: center; position: unset; margin-top: 1rem; justify-content: center; }
.swiper-pagination-bullet { background: #d8d8d8; opacity: 1; width: 12px; height: 12px; }
.swiper-pagination-bullet-active { background: var(--primary-color); } */
.section-title :is(h1, h2, h3, h4, h5, h6) { line-height: 1.2; }
.section-title h1.clsTotalAdvertisementCount { font-size: 25px; }
.section-title h1 { font-size: 60px; font-weight: 700; color: var(--secondary-color); }
.section-title h1 span { font-size: 70px; }
.banner-title h1 {font-size: 50px; font-weight: 700; color: var(--secondary-color);}
.section-title h2 { font-size: 32px; font-weight: 700; color: var(--secondary-color); }
.section-title h3 { font-size: 22px; font-weight: 700; color: var(--secondary-color); }
.section-title h4 { font-size: 18px; font-weight: 700; color: var(--secondary-color); }
.section-title h5 { font-size: 16px; font-weight: 700; color: var(--secondary-color); }
.line { width: 120px; height: 4px; margin: 15px auto; background: var(--primary-color); }
.banner-form-sect { position: relative; z-index: 2; font-family: var(--title-font); }
.banner-form-block { position: absolute; left: 0; right: 0; padding: 17px 30px; background: #fff; border-radius: 50px; box-shadow: 0 5px 0px var(--primary-color); margin-top: 20px; }
.banner-form-block label { display: inline-block; color: var(--secondary-color); font-weight: bold; }
.banner-form-block .form-group { display: flex; align-items: center; gap: 5px; }
.form-group span{width:100%;}
.adv-sect { position: relative; }
.adv-slider-sect { position: relative; }
.adv-slider { position: relative; right: 0; left: 0; width: 60vw; }
.s-box, .pd-img { position: relative; padding-bottom: 150%; }
.pd-img { padding-bottom: 70% }
.s-box img, .pd-img img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.play-btn { position: absolute; top: 50%; left: 0; right: 0; color: #fff; z-index: 2; margin: 0 auto; transform: translateY(-50%); text-align: center; width: 90px; height: 90px; border: 4px solid #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 46px; }
.play-btn:hover { color: var(--primary-color); border-color: var(--primary-color); }
.overlay { position: relative; z-index: 0; }
.overlay:after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #000; opacity: .4; z-index: 1; }
.service-box { border: 1px solid #e0dede; border-width: 0 1px 1px 0; padding: 30px; height: 100%; font-size: 14px; }
[class*="col-md-"]:nth-child(2n) .service-box { border-width: 0 0 1px 0; }
[class*="col-md-"]:nth-child(3n) .service-box { border-width: 0 1px 0 0; }
[class*="col-md-"]:nth-child(4n) .service-box { border-width: 0 0px 0 0; }
.service-box .section-title { text-transform: uppercase; }
.service-img { height: 100%; }
.service-img img { height: 100%; object-fit: cover; width: 100%; }
.cta-sect { background-size: cover; }
.popular-box .section-title { text-transform: uppercase; }
.popular-icon { height: 38px; }
.popular-icon img { height: 36px; object-fit: contain; }
/*.testimonial-slider {overflow: inherit;}*/
.testimonial-slider .swiper-slide { height: auto; color: rgba(91, 91, 91, 0.85); font-size: 15px; margin: 50px 0; }
.testimonial-box { box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.12); background-color: #fff; padding: 30px; border-radius: 20px; height: 90%; position: relative; }
.testimonial-box:after { content: " "; height: 0; width: 0; position: absolute; top: 100%; border: solid transparent; border-top-color: #fff; border-left-color: #fff; border-width: 12px 22px 12px 23px; left: 15%; }
.testimonial-icon { position: absolute; top: -42px; height: 62px; left: 0; }
.testimonial-author { font-weight: bold; margin: 30px 0 0 30px; }
.testimonial-slider .swiper-pagination-bullets, .testimonial-slider .swiper-pagination-bullets.swiper-pagination-horizontal { margin-top: 3rem }
.map { height: 400px; }
/* SEARCH
------------------------ */
.adv-page .container { max-width: 100%; }
.results-box { border-radius: 20px; border-left: 10px solid #0f7eb6; box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.09); background-color: #fff; padding: 15px; padding-left: 30px; margin: 0 0 50px; line-height: normal; }
/* .results-box:nth-child(3n), .results-box:nth-child(4n) {border-color: #f7b500;} */
.results-box a{color: var(--text-color);}
.results-box a:hover{color: var(--primary-color); text-decoration: underline;}
/*.results-box .section-title {text-transform: uppercase;}*/
.results-img {height: 180px;}
.results-img img { height: 100%; object-fit: contain;}
.social-icons {padding: 0 0 15px; margin: 0 0 15px; list-style: none; display: flex; align-items: center; border-bottom: 1px solid #979797;}
.social-icons li {margin: 0 10px 0 0;}
.social-icons li a {width: 33px; height: 33px; color: #fff; display: flex; align-items: center; justify-content: center; border-radius: 50%;}
.social-icons li a:hover {background: var(--secondary-color); color: #fff; text-decoration: none;}
.pagination .page-link { width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 0; color: var(--text-color); font-weight: 600; margin: 10px; }
.pagination .active>.page-link, .pagination .page-link.active { background: var(--primary-color); color: #fff; }
.related-results { display: flex; flex-direction: column; gap: 40px; }
.related-results .popular-box { padding: 20px; box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.09); border-radius: 20px; }
.related-results .popular-box .section-title {text-transform: initial;}
/* Typeahead Search */
.twitter-typeahead{
display: block !important;
}
#search_results, #city_select{
height: 60px;
}
.tt-menu { /* UPDATE: newer versions use tt-menu instead of tt-dropdown-menu */
width: 100%;
max-height: 280px;
overflow-x: hidden;
overflow-y: auto;
margin-top: 6px;
padding: 6px 0;
background-color: #fff;
border: 1px solid #e7e1d8;
border-radius: 16px;
text-align: left;
box-shadow: 0 16px 36px rgba(40, 30, 16, 0.14);
}
.tt-suggestion {
padding: 9px 16px;
font-size: 14px;
line-height: 1.35;
cursor: pointer;
color: #161513;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.tt-suggestion:hover,
.tt-cursor {
color: #fff;
background-color: #f37c20;
}
.tt-suggestion p {
margin: 0;
}
.banner-form-block {
overflow: visible;
z-index: 6;
}
.banner-form-block .row > [class*="col-"],
.banner-form-block .form-group {
position: relative;
z-index: 1;
}
.banner-form-block .row > [class*="col-"]:first-child {
z-index: 3;
}
.banner-form-block .row > [class*="col-"]:has(.tt-open),
.banner-form-block .form-group:has(.tt-open) {
z-index: 4;
}
.banner-form-block .twitter-typeahead {
width: 100%;
position: relative;
z-index: 1;
}
.banner-form-block .twitter-typeahead.tt-open {
z-index: 5;
}
/* MEDIA
------------------------ */
@media (min-width:768px) {
.top-menu-bar a span { display: none; }
}
@media (min-width:1200px) {
.text-desc { font-size: 18px; }
.parallex-sect { background-attachment: fixed; }
}
@media (min-width:1400px) {
.container { max-width: 1150px; }
.adv-page .container { max-width: 1450px; }
}
@media (min-width:1700px) {
.service-box { padding: 40px; font-size: 16px }
}
@media (max-width:1200px) {
.container { max-width: 100%; }
.banner-title .section-title br { display: none; }
.banner-title p { padding: 0 }
}
@media (max-width:1024px) {
html, body { overflow-x: hidden; font-size: 14px; }
.section-title h1 { font-size: 30px; }
.section-title h1 span { font-size: 40px; }
.banner-title h1 {font-size: 30px;}
.section-title h2 { font-size: 28px; }
.section-title h3 { font-size: 20px; }
.section-title h4 { font-size: 18px; }
.section-title h5 { font-size: 16px; }
.banner-title p { font-size: 15px; }
.banner-form-block {left: 10px; right: 10px;}
/* .service-box p, .popular-box p { display: -webkit-box;-webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;} */
}
@media (min-width:768px) and (max-width:1024px) {
html, body { overflow-x: hidden; font-size: 12px; }
.section-title h1 { font-size: 30px; }
.section-title h1 span { font-size: 40px; }
.banner-title h1 {font-size: 30px;}
.section-title h2 { font-size: 24px; }
.section-title h3 { font-size: 18px; }
.section-title h4 { font-size: 16px; }
.section-title h5 { font-size: 15px; }
.banner-title p { font-size: 12px; }
.service-box {padding: 15px; font-size: 12px;}
.testimonial-slider .swiper-slide {font-size: 12px;}
.service-box p{ display: -webkit-box;-webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;}
.adv-sect,.popular-sect{padding:10px;}
}
@media (max-width:992px) {
header { padding: 2px 0 }
.menushow { overflow: hidden; }
.navbar-toggler { display: flex; border-radius: 0; }
.mobile-toggle { width: 35px; height: 35px; margin: 0; cursor: pointer; z-index: 999; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0; border: 0 }
.mobile-toggle.show { background: transparent; }
.mobile-toggle svg { fill: var(--primary-color); width: 35px; height: 35px; }
.line { fill: none; stroke: var(--primary-color); stroke-width: 4; transition: stroke-dasharray .6s cubic-bezier(.4, 0, .2, 1), stroke-dashoffset .6s cubic-bezier(.4, 0, .2, 1); }
.line1 { stroke-dasharray: 60 207; }
.show .line1 { stroke-dasharray: 90 207; stroke-dashoffset: -134; }
.line2 { stroke-dasharray: 60 60; }
.show .line2 { stroke-dasharray: 1 60; stroke-dashoffset: -30; }
.line3 { stroke-dasharray: 60 207; }
.show .line3 { stroke-dasharray: 90 207; stroke-dashoffset: -134; }
.main-menu { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 99; display: flex; align-items: center; flex-direction: column; background: #fff; padding: 40px 20px; will-change: opacity; transform: translateX(-120%); transition: transform 0.4s; }
.main-menu.show { transform: translateX(-0%); transition: transform 0.4s; }
.main-menu ul.navbar-nav { margin: 0; flex-direction: column; align-items: flex-start !important; width: 100%; padding: 0px 0; }
header ul.navbar-nav > li { padding: 0px; }
.navbar-expand-lg .navbar-nav .nav-item { display: block; width: 100%; padding: 0px; margin: 10px 0 }
header .navbar-expand-lg .navbar-nav li > .btn { margin: 10px 0 0; }
header .navbar-expand-lg .navbar-nav li > .nav-link { font-size: 20px; padding: 10px 0; display: inline-block; justify-content: space-between; align-items: center; color: var(--secondary-color); }
header .navbar-nav .nav-link:hover, .navbar-nav .nav-link:focus, header .navbar-nav .nav-link.active { background: transparent; color: var(--primary-color); }
.dropdown-toggle.show::after { color: var(--primary-color); transform: rotate(180deg); transition: transform 0.4s; }
header .navbar-nav .dropdown { position: relative; }
.dropdown-toggle::after { color: var(--secondary-color); }
header .navbar-nav .dropdown-menu { box-shadow: none; padding: 15px; background: #f9f9f9; }
header .navbar-nav .dropdown-menu ul { margin-bottom: 20px; }
header .navbar-nav .dropdown-menu ul li a { color: var(--secondary-color); }
header .navbar-nav .dropdown-toggle.show { color: var(--primary-color); }
header .dropdown-menu li { padding: 5px 0; }
.megamenu-ttl { font-size: 14px; margin: 0 0 5px !important; }
header ul > li > .nav-link { line-height: normal; }
}
@media (max-width:767px) {
html, body { overflow-x: hidden; font-size: 14px; }
.mobile-hide { display: none; }
footer { padding: 60px 0; font-size: 13px; }
.ftco-footer-bottom-logo li { list-style: none; margin: 0 5px 0 5px; display: inline-block; }
.ftco-footer-bottom-logo li a img { max-height: 18px; }
.copyright { font-size: 12px; }
.map { /*height: 250px;*/ }
.banner-sect-custom { height: 425px !important; }
.banner-sect { height: 500px; margin: 0 0 10rem; }
.banner-sect-mobile { height: 200px !important; margin: 0 0 0rem; }
.banner-form-sect{padding:15px;}
.inner-banner-sect { height: 400px; }
/* .banner-form-block { border-radius: 20px; left: 15px; right: 15px; position: unset; margin-top: 3rem; } */
.banner-form-block-custom {top: 5rem;}
.banner-form-block {border-radius: 20px;left: 10px;right: 10px;/*top: -20rem;*/ overflow: visible;}
.banner-form-block .form-group { display: block; }
.inner-banner-sect,
.banner-sect { overflow: visible; }
.kataxorisi-form h2 { font-size: 22px; }
.page-minisite .minisite-nav { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.page-minisite .minisite-nav .nav-pills { flex-wrap: nowrap; }
.adv-slider { width: 100%; }
.service-box { border-width: 0 0 1px 0 !important;padding:10px; }
.testimonial-box { padding: 20px }
.results-box {padding-left: 15px;margin: 0 0 25px;}
.tt-menu { width: 100%; max-width: 100%;}
.testimonial-icon{height: 42px;top: -27px;}
}
.eachPhone{padding: 5px 15px;}
.eachPhone a{color: #fff;}
.social-icons img{cursor: pointer;}
.sticky-element { position: sticky; top: 0; /* sticks to the top when you scroll */ z-index: 999; /* optional, to make sure it stays above other content */ }
.popular-box a { color: #000; }
.popular-box a:hover { color: var(--primary-color); }
.photosSwiper {
width: 100%;
max-width: 725px; /* or any upper limit you prefer */
height: auto;
aspect-ratio: 16 / 10; /* or remove if you want flexible height */
margin: 0 auto;
}
.photosSwiper img {
width: 100%;
height: 100%;
object-fit: cover; /* Ensures images cover the container without distortion */
}
.swiper-slide.photosSwiperSlide {
display: flex;
align-items: center;
justify-content: center;
height: 300px;
flex-shrink: 0; /* Optional, prevents collapsing in swiper */
}
.photosSwiperImg {
width: 100%;
height: auto;
object-fit: contain;
/* object-fit: cover; */
max-height: 300px;
display: block;
margin: auto;
}
.minisite_nav_pills{
border-bottom: 1px solid #ccc;
}
.minisite_nav_link{
color: #000;
}
.minisite_nav_link:focus, .minisite_nav_link:hover {
color: #000;
}
.minisite_nav_pills .minisite_nav_link.active, .minisite_nav_pills .show>.minisite_nav_link {
background-color: var(--primary-color);
}
.minisite_nav_pills .minisite_nav_link {
border-radius: 0;
/* padding: 15px 35px; */
/* padding: 22px 47px 23px 46px; */
padding: 10px 30px 10px 30px;
margin: 0 0px;
font-size: 20px;
font-weight: 700;
}
.minisite_line {
width: 62px;
height: 4px;
margin: 15px 0;
background: var(--primary-color);
}
.minisite_nav_item .minisite_nav_link {
display: block;
width: 100%;
text-align: left;
}
.minisite_nav_item .minisite_nav_link.active {
background-color: var(--primary-color);
}
.social-icons-minisite {padding: 0 0 20px; margin: 0; list-style: none; display: flex; align-items: center; font-size: 20px;}
.social-icons-minisite li {margin: 0 10px 0 0;}
.social-icons-minisite li a {width: 33px; height: 33px; color: #fff; display: flex; align-items: center; justify-content: center; border-radius: 50%;}
.social-icons-minisite li a:hover {background: var(--secondary-color); color: #fff; text-decoration: none;}
.social-icons-minisite img{cursor: pointer;}
.clsSocialIconMinisite{ width: 24px; height: 24px; }
img.clsSocialIconMinisite {
filter: brightness(0) saturate(100%) invert(0);
}
.contact-success-icon { width: 50px; height: 50px; }
.offers-icon { width: 26px; height: 26px; }
.section-title .clsSectionTitle{
font-size: 26px;
margin-bottom: 41px;
}
.minisite-box{
padding: 0px;
padding-left: 32px;
/* padding-bottom: 38px; */
padding-bottom: 10px;
padding-top:38px;
}
/* #masonry-grid {
display: flex;
flex-wrap: wrap;
gap: 16px;
}
#gallery {
padding: 0 15px;
} */
.gallery-img {
width: 100%;
transition: transform 0.3s ease;
cursor: zoom-in;
}
.gallery-img:hover {
transform: scale(1.03);
}
#gallery .col-sm-6 {
padding: 7px;
}
@media (max-width: 760px) {
/* .minisite_nav_pills {
flex-direction: column !important;
align-items: stretch;
}
.minisite_nav_item {
width: 100%;
}
.minisite_nav_link {
text-align: left;
} */
.minisite_nav_pills {
flex-direction: row !important; /* horizontal instead of column */
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
-webkit-overflow-scrolling: touch; /* smoother iOS scrolling */
scrollbar-width: none; /* hide scrollbar on Firefox */
}
.minisite_nav_pills::-webkit-scrollbar {
display: none; /* hide scrollbar on WebKit browsers */
}
.minisite_nav_item {
flex: 0 0 auto; /* prevent shrinking */
}
.minisite_nav_pills .minisite_nav_link {
white-space: nowrap;
text-align: center;
/* padding: 10px 20px; */
padding: 10px;
font-size: 16px;
}
.minisite-box{
padding-left: 0;
}
.social-icons-minisite{
font-size: 16px;
}
.section-title .clsSectionTitle{
font-size: 22px;
}
}
.home-banner-section-title{
margin-top: -70px;
}
.border-left-blue {
border-left: 10px solid #0b78ff;
}
.border-left-orange {
border-left: 10px solid #ff5c00;
}
.border-left-red {
border-left: 10px solid #ff2a3c;
}
.border-left-grey {
border-left: 10px solid #8f8880;
}
.section-title h4.clsServicesTitle{
font-size: 20px;
}
.clsServicesLink{
font-size: 11px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 2.18;
letter-spacing: 2px;
text-align: left;
color: rgba(0, 0, 0, 0.85);
}
.service-box p{
font-size: 15px;
}
.banner-form-block-advertise { margin-top: 0px;}
.clsLinkColorBlack{ color: #000; }
.clsLinkColorBlack:hover{ color: var(--primary-color); }
.clsLinkColorBlack.active{ color: var(--primary-color); }
.clsColor-PrimaryColor{ color: var(--primary-color); }
/* @media (max-width: 767.98px) {
.adv-mobile {
position: sticky; */
/* top: 0; */ /* same sticky behavior on mobile */
/* z-index: 1050; */
/* background: #fff; */ /* optional */
/* }
}
*/
.container-sidebanner-mobile {
position: fixed;
width: 92%;
max-width: 400px;
z-index: 99999;
bottom: 0;
left: 50%;
transform: translateX(-50%);
background: transparent;
}
.container-sidebanner-mobile img { /* Banner image stays the same */
width: 100%;
height: auto;
}
.custom-close-btn {
position: absolute;
top: -15px; /* outside top */
right: -15px; /* outside right */
width: 34px;
height: 34px;
border: none;
border-radius: 50%;
background: var(--primary-color); /* red circle (can change to white or black) */
color: #fff; /* white "×" */
font-size: 30px; /* big cross */
font-weight: bold;
line-height: 34px; /* center the "×" */
text-align: center;
cursor: pointer;
box-shadow: 0 2px 6px rgba(0,0,0,0.3);
z-index: 100000;
transition: background 0.2s ease;
}
.custom-close-btn:hover {
background: var(--primary-color); /* darker red on hover */
}
@media (min-width: 768px) { /* desktop */
.desktop-subcategories-sidebanner-sm {
max-width: 350px; /* adjust size */
height: auto; /* maintain aspect ratio */
}
}
.minisite-box-inner-page{
border-left: none;
padding-left: 10px;
}
.clsMinisiteCompanyLogo{
height: 200px;
}
/* Desktop */
@media (min-width: 768px) {
.banner-sect-result-page {
height: unset !important;
top: 100px;
/* bottom: 50px; */
margin-bottom: 50px;
}
.banner-sect-result-page h1 {
font-size: 40px;
}
}
/* Mobile */
@media (max-width: 767px) {
.banner-sect-result-page {
height: unset !important;
top: 50px;
margin-bottom: 0px;
}
.banner-sect-result-page h1 {
font-size: 34px;
}
}
/* Sticky nav */
.minisite_nav_pills_sticky {
position: sticky;
top: 0;
background: #fff;
z-index: 999;
padding-top: 10px;
padding-bottom: 10px;
}
.nav-pills .nav-link.minisite-anchor-link {
border-radius: 0;
font-size: 20px;
padding: 10px 30px 10px 30px;
margin: 0 0px;
font-weight: 700;
color: #000;
}
/* Optional: active link styling */
.minisite-anchor-link.active {
background-color: #f37c20 !important; /* Bootstrap primary color */
color: #fff !important;
}
@media (max-width: 760px) {
.nav-pills .nav-link.minisite-anchor-link {
padding: 10px;
font-size: 16px;
}
}
@media (max-width: 760px) {
.minisite_nav_pills_sticky ul {
display: flex;
overflow-x: auto;
-webkit-overflow-scrolling: touch; /* smooth scrolling on iOS */
}
.nav-pills .nav-link.minisite-anchor-link {
padding: 10px 15px;
font-size: 16px;
white-space: nowrap; /* prevent wrapping */
}
/* Initial state */
.minisite_nav_pills_sticky {
position: relative; /* normal flow */
background-color: #fff;
z-index: 999;
transition: all 0.3s ease;
border-bottom: 1px solid #ddd;
}
/* Sticky state */
.minisite_nav_pills_sticky.sticky {
position: fixed;
top: 0;
left: 0;
width: 100%;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
}
/* Chatbot CSS */
#__PFT_AGENT__FOOTER {
position:fixed!important;
display:block;
width:135px;
right:45px;
bottom:7px;
font-size:10px!important;
color:black!important;
background-color:white!important;
line-height:100%!important;
z-index:99!important;
font-family:verdana!important;
padding:7px 10px 7px 10px!important;
border-radius:0px!important;
text-align:center!important;
}
.faq-accordion-item{
border: 0px;
border-bottom: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}
.faq-accordion-item:last-of-type{
border-radius: 0;
}
.faq-accordion-button{
background-color: #fff;
font-weight: bold;
color: #000;
padding-left: 0;
box-shadow: none;
border-radius: 0;
padding-top: 20px;
padding-bottom: 20px;
}
.faq-accordion-button::after {
/* transform: scale(1.3);
background-size: 1.25rem;
width: 1.25rem;
height: 1.25rem; */
/* font-weight: bold; */
}
.faq-accordion-button:not(.collapsed){
background-color: #fff;
font-weight: bold;
color: #000;
padding-left: 0;
box-shadow: none;
padding-bottom: 0;
}
/* .faq-accordion-button:not(.collapsed)::after {
transform: scale(1.3);
background-size: 1.25rem;
width: 1.25rem;
height: 1.25rem;
} */
.faq-accordion-body{
padding-left: 0;
}
/* RESULT PAGE — premium directory
------------------------ */
.page-result {
background: #f6f3ee;
}
.page-result .adv-page {
padding-top: 1.25rem;
margin-top: 0;
}
.page-result .adv-page.my-md-5 {
margin-top: 0 !important;
}
.page-result .banner-sect,
.page-result .banner-sect-result-page {
position: relative;
top: 0 !important;
margin: 0 !important;
color: #161513;
display: block;
align-items: stretch;
justify-content: flex-start;
}
.result-hero {
background: #fff;
height: auto !important;
margin: 0 !important;
top: 0 !important;
text-align: left;
padding-top: 104px;
border-bottom: 1px solid #e7e1d8;
}
.result-hero__inner {
padding: 8px 0 28px;
}
.result-breadcrumb {
margin: 0 0 16px;
}
.result-hero .breadcrumb {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
background: none;
padding: 0;
margin: 0 0 10px;
font-size: 14px;
line-height: 1.4;
}
.result-hero .breadcrumb-item {
display: inline-flex;
align-items: center;
}
.result-hero .breadcrumb-item + .breadcrumb-item::before {
content: "›";
color: #c4bdb3;
padding: 0 10px 0 8px;
font-size: 18px;
line-height: 1;
font-weight: 400;
}
.result-hero .breadcrumb-item a {
display: inline-flex;
align-items: center;
gap: 6px;
color: #161513;
font-weight: 600;
}
.result-hero .breadcrumb-item a:hover {
color: var(--primary-color);
text-decoration: none;
}
.result-hero .breadcrumb-item.active {
color: #8a847c;
font-weight: 500;
}
.result-breadcrumb__home {
display: inline-block;
width: 14px;
height: 14px;
background: currentColor;
-webkit-mask: url("data:image/svg+xml;utf8,") center / contain no-repeat;
mask: url("data:image/svg+xml;utf8,") center / contain no-repeat;
}
.result-hero__title-row {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 14px 18px;
flex-wrap: wrap;
}
.result-hero h1 {
margin: 0;
font-size: 42px;
font-weight: 700;
letter-spacing: -0.035em;
line-height: 1.12;
color: #161513;
}
.result-hero__count {
display: inline-flex;
align-items: center;
height: 32px;
padding: 0 12px;
border-radius: 999px;
background: #fff6ee;
color: #c25d12;
border: 1px solid #f3d2b4;
font-size: 13px;
font-weight: 600;
letter-spacing: 0.01em;
white-space: nowrap;
}
.result-toolbar {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 12px;
margin: 8px 0 18px;
}
.result-toolbar__title {
margin: 0;
font-size: 15px;
font-weight: 650;
letter-spacing: 0.04em;
text-transform: uppercase;
color: #8a847c;
}
.result-toolbar__count {
font-size: 14px;
color: #5c5750;
}
.page-result .result-area {
min-height: 40vh;
}
.page-result .results-box {
border: 1px solid #e7e1d8;
border-left: 5px solid #ff5c00;
border-radius: 18px;
box-shadow: 0 10px 28px rgba(40, 30, 16, 0.05);
background: #fff;
padding: 22px 22px 20px;
margin: 0 0 14px;
transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}
.page-result .results-box.border-left-blue { border-left-color: #0b78ff; }
.page-result .results-box.border-left-orange { border-left-color: #ff5c00; }
.page-result .results-box.border-left-red { border-left-color: #ff2a3c; }
.page-result .results-box.border-left-grey { border-left-color: #8f8880; }
.page-result .results-box:hover,
.page-result .results-box.is-map-active {
transform: translateY(-2px);
box-shadow: 0 16px 36px rgba(40, 30, 16, 0.1);
border-color: #ddd6cc;
}
.page-result .results-box a { color: inherit; text-decoration: none; }
.page-result .results-box a:hover { color: var(--primary-color); text-decoration: none; }
.page-result .results-box .section-title h3 {
margin: 0 0 6px;
font-size: 20px;
font-weight: 650;
letter-spacing: -0.02em;
line-height: 1.25;
}
.results-box__grid {
display: grid;
grid-template-columns: minmax(0, 1fr) 240px;
gap: 24px;
align-items: center;
}
.results-box__main {
min-width: 0;
}
.page-result .allPhonesDiv.is-open {
display: flex !important;
flex-direction: column;
align-items: flex-start;
gap: 6px;
margin: 0 0 10px;
}
.page-result .eachPhone.btn {
display: inline-flex;
align-items: center;
justify-content: center;
width: auto;
max-width: 100%;
min-height: 34px;
margin: 0;
padding: 0 12px;
border: 0;
border-radius: 999px;
background: #f37c20;
box-shadow: none;
line-height: 1;
}
.page-result .eachPhone.btn a {
color: #fff;
font-size: 13px;
font-weight: 650;
text-decoration: none;
white-space: nowrap;
}
.results-box__address {
margin: 0 0 12px;
color: #6d675f;
font-size: 14px;
cursor: pointer;
}
.results-box__address:hover { color: var(--primary-color); }
.page-result .social-icons {
padding: 0 0 12px;
margin: 0 0 12px;
border-bottom: 1px solid #efe9e1;
flex-wrap: wrap;
gap: 8px;
}
.page-result .social-icons li { margin: 0; }
.page-result .social-icons li a {
width: 38px;
height: 38px;
background: #fff6ee;
border: 1px solid #f3e4d4;
border-radius: 50%;
transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}
.page-result .social-icons li a img {
width: 18px;
height: 18px;
object-fit: contain;
}
.page-result .social-icons li a:hover {
background: #161513;
border-color: #161513;
transform: translateY(-1px);
}
.results-box__chips {
display: flex;
flex-wrap: wrap;
gap: 6px;
margin-bottom: 10px;
}
.results-chip {
display: inline-flex;
align-items: center;
padding: 3px 10px;
border-radius: 999px;
background: #f4efe8;
color: #5c5750 !important;
font-size: 12px;
font-weight: 500;
line-height: 1.6;
}
.results-chip:hover {
background: #161513;
color: #fff !important;
}
.results-box__excerpt {
color: #6d675f;
font-size: 14px;
line-height: 1.55;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.page-result .results-box__media {
flex-shrink: 0;
}
.page-result .results-img {
width: 240px;
height: 240px;
border-radius: 18px;
background: #fff;
border: 1px solid #efe9e1;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.page-result .results-img img,
.page-result .results-img img.img-fluid {
width: 100%;
height: 100%;
max-width: none;
max-height: none;
object-fit: contain;
padding: 0;
}
.page-result .pagination .page-link {
width: 36px;
height: 36px;
margin: 4px;
background: #fff;
border: 1px solid #e7e1d8;
border-radius: 50%;
box-shadow: none;
}
.page-result .pagination .active > .page-link,
.page-result .pagination .page-link.active {
background: #161513;
border-color: #161513;
color: #fff;
}
.page-result .related-results .popular-box {
background: #fff;
border: 1px solid #e7e1d8;
box-shadow: none;
border-radius: 18px;
padding: 24px;
}
.page-result .sticky-element {
top: 96px;
z-index: 3;
}
.result-map-panel {
background: #fff;
border: 1px solid #e7e1d8;
border-radius: 22px;
overflow: hidden;
box-shadow: 0 18px 40px rgba(40, 30, 16, 0.08);
}
.result-map-panel__head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 12px;
padding: 16px 18px 14px;
border-bottom: 1px solid #efe9e1;
}
.result-map-panel__kicker {
margin: 0 0 2px;
font-size: 11px;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #a39c93;
}
.result-map-panel__title {
margin: 0;
font-size: 16px;
font-weight: 650;
letter-spacing: -0.02em;
color: #161513;
}
.result-map-panel__count {
flex-shrink: 0;
display: inline-flex;
align-items: center;
height: 26px;
padding: 0 10px;
border-radius: 999px;
background: #fff6ee;
color: #c25d12;
font-size: 12px;
font-weight: 600;
}
.result-map-panel__canvas {
position: relative;
}
.page-result .results-map,
.result-map-panel .results-map {
width: 100%;
height: 560px;
background: #ece7df;
}
.result-map-panel .leaflet-tile-pane {
filter: saturate(0.35) contrast(0.9) brightness(1.08);
}
.result-map-panel__hint {
position: absolute;
left: 12px;
bottom: 12px;
z-index: 400;
margin: 0;
padding: 6px 10px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.88);
backdrop-filter: blur(8px);
color: #6d675f;
font-size: 11px;
pointer-events: none;
}
.result-map-panel .leaflet-control-zoom {
border: 0 !important;
box-shadow: 0 8px 20px rgba(40, 30, 16, 0.12) !important;
overflow: hidden;
border-radius: 12px !important;
}
.result-map-panel .leaflet-control-zoom a {
width: 34px !important;
height: 34px !important;
line-height: 34px !important;
border: 0 !important;
color: #161513 !important;
background: #fff !important;
}
.result-map-panel .leaflet-control-attribution {
background: rgba(255, 255, 255, 0.78) !important;
font-size: 10px;
}
.leaflet-div-icon.result-pin,
.leaflet-div-icon.result-cluster {
background: transparent !important;
border: 0 !important;
}
.result-pin {
background: none !important;
border: 0 !important;
}
.result-pin__mark {
display: block;
width: 22px;
height: 22px;
margin: 0 auto;
border-radius: 50% 50% 50% 0;
transform: rotate(-45deg);
background: #f37c20;
box-shadow: 0 6px 14px rgba(40, 30, 16, 0.28);
position: relative;
}
.result-pin__mark:after {
content: "";
position: absolute;
left: 50%;
top: 50%;
width: 7px;
height: 7px;
margin: -3.5px 0 0 -3.5px;
border-radius: 50%;
background: #fff;
}
.result-pin.is-active .result-pin__mark {
transform: rotate(-45deg) scale(1.18);
background: #161513;
box-shadow: 0 0 0 6px rgba(22, 21, 19, 0.12), 0 10px 18px rgba(40, 30, 16, 0.28);
}
.result-cluster {
background: transparent !important;
border: 0 !important;
overflow: visible !important;
}
.result-cluster__mark {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
border-radius: 50%;
background: #161513;
color: #fff;
font-weight: 700;
line-height: 1;
box-shadow: 0 0 0 5px rgba(22, 21, 19, 0.14), 0 10px 20px rgba(40, 30, 16, 0.24);
}
.result-cluster--sm .result-cluster__mark { font-size: 13px; }
.result-cluster--md .result-cluster__mark { font-size: 14px; }
.result-cluster--lg .result-cluster__mark {
font-size: 16px;
background: #f37c20;
box-shadow: 0 0 0 5px rgba(243, 124, 32, 0.2), 0 10px 20px rgba(40, 30, 16, 0.24);
}
.result-spider-leg {
pointer-events: none;
}
.result-map-popup-wrap .leaflet-popup-content-wrapper {
border-radius: 16px;
box-shadow: 0 18px 40px rgba(40, 30, 16, 0.16);
padding: 0;
overflow: hidden;
}
.result-map-popup-wrap .leaflet-popup-content {
margin: 0;
min-width: 210px;
}
.result-map-popup-wrap .leaflet-popup-tip {
box-shadow: none;
}
.result-map-popup {
padding: 14px 14px 12px;
}
.result-map-popup__name {
margin: 0 0 4px;
font-size: 15px;
font-weight: 650;
letter-spacing: -0.02em;
color: #161513;
line-height: 1.3;
}
.result-map-popup__addr,
.result-map-popup__phone {
display: block;
margin: 0 0 6px;
font-size: 13px;
color: #6d675f;
}
.result-map-popup__cta {
display: inline-flex;
align-items: center;
margin-top: 6px;
padding: 6px 12px;
border-radius: 999px;
background: #161513;
color: #fff !important;
font-size: 12px;
font-weight: 600;
}
.result-map-popup__cta:hover {
background: var(--primary-color);
color: #fff !important;
}
@media (max-width: 991px) {
.page-result .sticky-element { position: relative; top: 0; }
.page-result .results-map,
.result-map-panel .results-map { height: 320px; }
.result-map-panel { margin-bottom: 24px; }
}
@media (max-width: 767px) {
.result-hero { padding-top: 80px; }
.result-hero__inner { padding: 4px 0 22px; }
.result-breadcrumb { margin-bottom: 12px; }
.result-hero h1 { font-size: 30px; }
.result-hero .breadcrumb { font-size: 13px; }
.results-box__grid {
grid-template-columns: minmax(0, 1fr) 104px;
gap: 8px 12px;
align-items: start;
}
.results-box__main {
display: contents;
}
.results-box__main > .section-title,
.results-box__main > .results-box__address {
grid-column: 1;
min-width: 0;
}
.results-box__main > .allPhonesDiv,
.results-box__main > .social-icons,
.results-box__main > .results-box__chips,
.results-box__main > .results-box__excerpt {
grid-column: 1 / -1;
}
.results-box__media {
grid-column: 2;
grid-row: 1 / span 2;
width: 104px;
}
.page-result .results-img {
width: 104px;
height: 104px;
border-radius: 12px;
}
.page-result .social-icons {
gap: 6px;
}
.page-result .social-icons li a {
width: 32px;
height: 32px;
}
.page-result .social-icons li a img {
width: 15px;
height: 15px;
}
.page-result .allPhonesDiv.is-open {
flex-direction: row;
flex-wrap: wrap;
margin-top: 2px;
}
.page-result .eachPhone.btn {
width: auto;
min-height: 32px;
padding: 0 12px;
}
.page-result .results-box { padding: 14px; }
.page-result .results-box .section-title h3 { font-size: 17px; }
}
/* MINISITE — premium profile
------------------------ */
.page-minisite {
background: #f6f3ee;
}
.page-minisite .minisite-page {
padding: 112px 0 72px;
}
.minisite-cover {
overflow: hidden;
border-radius: 22px;
margin-bottom: 18px;
background: #ece7df;
}
.minisite-cover img {
display: block;
width: 100%;
height: auto;
}
.minisite-breadcrumb {
margin: 0 0 16px;
}
.page-minisite .breadcrumb {
display: flex;
flex-wrap: wrap;
align-items: center;
background: none;
padding: 0;
margin: 0;
font-size: 14px;
}
.page-minisite .breadcrumb-item {
display: inline-flex;
align-items: center;
}
.page-minisite .breadcrumb-item + .breadcrumb-item::before {
content: "›";
color: #c4bdb3;
padding: 0 10px 0 8px;
font-size: 18px;
line-height: 1;
}
.page-minisite .breadcrumb-item a {
display: inline-flex;
align-items: center;
gap: 6px;
color: #161513;
font-weight: 600;
}
.page-minisite .breadcrumb-item a:hover {
color: var(--primary-color);
text-decoration: none;
}
.page-minisite .breadcrumb-item.active {
color: #8a847c;
}
.minisite-hero {
background: #fff;
border: 1px solid #e7e1d8;
border-radius: 22px;
padding: 28px 28px 26px;
box-shadow: 0 18px 40px rgba(40, 30, 16, 0.06);
margin-bottom: 22px;
}
.minisite-hero__grid {
display: grid;
grid-template-columns: minmax(0, 1fr) 240px;
gap: 32px;
align-items: start;
}
.minisite-hero__meta {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
margin-bottom: 10px;
}
.minisite-tier {
display: inline-flex;
align-items: center;
height: 26px;
padding: 0 10px;
border-radius: 999px;
background: #f4efe8;
color: #5c5750;
font-size: 12px;
font-weight: 600;
}
.minisite-hero.is-tier-3 .minisite-tier { background: #fff1f0; color: #a64b4b; }
.minisite-hero.is-tier-2 .minisite-tier { background: #eef4f7; color: #4a6d7c; }
.minisite-hero.is-tier-1 .minisite-tier { background: #fff6ee; color: #c25d12; }
.minisite-hero.is-tier-0 .minisite-tier { background: #f4efe8; color: #6d675f; }
.minisite-hero__city {
color: #8a847c;
font-size: 13px;
}
.minisite-hero h1 {
margin: 0 0 10px;
font-size: 40px;
font-weight: 700;
letter-spacing: -0.035em;
line-height: 1.12;
color: #161513;
}
.minisite-hero__lede {
margin: 0 0 14px;
color: #6d675f;
font-size: 16px;
line-height: 1.55;
}
.minisite-hero__chips {
display: flex;
flex-wrap: wrap;
gap: 6px;
margin-bottom: 18px;
}
.minisite-facts {
list-style: none;
margin: 0;
padding: 0;
display: grid;
gap: 12px;
}
.minisite-fact {
display: flex;
align-items: flex-start;
gap: 12px;
}
.minisite-fact__icon {
flex-shrink: 0;
width: 34px;
height: 34px;
border-radius: 50%;
background: #fff6ee;
display: flex;
align-items: center;
justify-content: center;
}
.minisite-fact__icon img {
width: 16px;
height: 16px;
object-fit: contain;
}
.minisite-fact__body {
display: flex;
flex-direction: column;
min-width: 0;
}
.minisite-fact__label {
display: block;
color: #a39c93;
font-size: 11px;
letter-spacing: 0.08em;
text-transform: uppercase;
margin-bottom: 2px;
}
.minisite-fact__value,
.minisite-fact__value a {
color: #161513;
font-size: 15px;
word-break: break-word;
}
.minisite-fact__value a:hover { color: var(--primary-color); text-decoration: none; }
.minisite-socials {
display: flex;
flex-wrap: wrap;
gap: 8px;
list-style: none;
margin: 18px 0 0;
padding: 0;
}
.minisite-socials a {
width: 38px;
height: 38px;
border-radius: 50%;
border: 1px solid #e7e1d8;
display: flex;
align-items: center;
justify-content: center;
background: #fff;
}
.minisite-socials a:hover {
border-color: #161513;
background: #161513;
}
.minisite-socials img {
width: 16px;
height: 16px;
object-fit: contain;
}
.minisite-hero__aside {
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
}
.minisite-logo {
width: 240px;
height: 240px;
border-radius: 18px;
background: #fff;
border: 1px solid #efe9e1;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.minisite-logo img {
width: 100%;
height: 100%;
object-fit: contain;
}
.minisite-hero__actions {
display: flex;
flex-direction: column;
width: 100%;
gap: 8px;
}
.minisite-btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 44px;
padding: 0 16px;
border-radius: 999px;
font-size: 14px;
font-weight: 600;
border: 1px solid transparent;
text-decoration: none !important;
}
.minisite-btn--solid {
background: #161513;
color: #fff !important;
}
.minisite-btn--solid:hover { background: var(--primary-color); }
.minisite-btn--ghost {
background: #fff;
color: #161513 !important;
border-color: #e7e1d8;
}
.minisite-btn--ghost:hover { border-color: #161513; }
.minisite-nav {
background: #f6f3ee;
border: 0;
border-radius: 0;
padding: 8px 0 12px;
margin-bottom: 10px;
top: 0;
z-index: 20;
}
.page-minisite .minisite-nav.minisite_nav_pills_sticky {
position: sticky;
top: 0;
background: #f6f3ee;
z-index: 20;
}
.page-minisite .minisite-nav .nav-pills {
gap: 6px;
background: #fff;
border: 1px solid #e7e1d8;
border-radius: 16px;
padding: 8px;
}
.page-minisite .nav-pills .nav-link.minisite-anchor-link {
border-radius: 999px;
padding: 8px 14px;
margin: 0;
font-size: 14px;
font-weight: 600;
color: #5c5750;
background: transparent;
white-space: nowrap;
}
.page-minisite .nav-pills .nav-link.minisite-anchor-link:hover,
.page-minisite .minisite-anchor-link.active {
background: #161513 !important;
color: #fff !important;
}
.minisite-block {
scroll-margin-top: 72px;
}
.minisite-panel {
background: #fff;
border: 1px solid #e7e1d8;
border-radius: 22px;
padding: 28px;
margin-bottom: 18px;
box-shadow: 0 12px 28px rgba(40, 30, 16, 0.04);
}
.minisite-kicker {
margin: 0 0 4px;
font-size: 11px;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #a39c93;
}
.minisite-panel h2,
.minisite-improve h2 {
margin: 0 0 16px;
font-size: 26px;
font-weight: 700;
letter-spacing: -0.03em;
color: #161513;
}
.minisite-prose {
color: #4d4943;
font-size: 16px;
line-height: 1.65;
}
.minisite-prose p { margin-bottom: 0.8em; }
.minisite-hours {
list-style: none;
margin: 0;
padding: 0;
display: grid;
gap: 0;
}
.minisite-hours li {
display: flex;
justify-content: space-between;
gap: 16px;
padding: 10px 0;
border-bottom: 1px solid #f0ebe4;
color: #6d675f;
}
.minisite-hours li:last-child { border-bottom: 0; }
.minisite-hours strong { color: #161513; font-weight: 600; }
.minisite-hours__note {
margin: 12px 0 0;
color: #6d675f;
font-size: 14px;
}
.minisite-extras { display: grid; gap: 22px; }
.minisite-extra h3 {
margin: 0 0 8px;
font-size: 18px;
font-weight: 650;
color: #161513;
}
.page-minisite .gallery-img {
width: 100%;
border-radius: 14px;
margin-bottom: 12px;
cursor: zoom-in;
}
.minisite-map-panel__head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 16px;
margin-bottom: 16px;
}
.minisite-map-panel__addr {
margin: -8px 0 0;
color: #6d675f;
}
.minisite-map {
width: 100%;
height: 420px;
border-radius: 16px;
background: #ece7df;
overflow: hidden;
}
.page-minisite .minisite-map .leaflet-tile-pane {
filter: saturate(0.35) contrast(0.9) brightness(1.08);
}
.minisite-videos {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 16px;
}
.minisite-video {
overflow: hidden;
border-radius: 16px;
background: #161513;
}
.minisite-offer {
display: grid;
grid-template-columns: 220px minmax(0, 1fr);
gap: 24px;
padding: 20px 0;
border-top: 1px solid #efe9e1;
}
.minisite-offer:first-of-type { border-top: 0; padding-top: 0; }
.minisite-offer__media img {
width: 100%;
border-radius: 16px;
object-fit: cover;
}
.minisite-offer__until {
margin: 10px 0 0;
color: #8a847c;
font-size: 13px;
}
.minisite-offer h3 {
margin: 0 0 8px;
font-size: 22px;
font-weight: 700;
color: #161513;
}
.minisite-offer__lede {
color: #6d675f;
margin-bottom: 10px;
}
.minisite-offer__prices {
display: flex;
flex-wrap: wrap;
gap: 20px;
margin: 16px 0;
align-items: flex-end;
}
.minisite-offer__prices strong {
display: block;
font-size: 22px;
color: #161513;
}
.minisite-offer__prices del {
color: #a39c93;
margin-left: 6px;
}
.minisite-offer__badge {
display: inline-flex;
align-items: center;
height: 28px;
padding: 0 10px;
border-radius: 999px;
background: #fff1f0;
color: #a64b4b;
font-weight: 700;
}
.minisite-improve {
background: #fff;
border: 1px solid #e7e1d8;
border-radius: 22px;
padding: 28px;
}
.minisite-improve__copy {
max-width: 640px;
color: #6d675f;
margin-bottom: 20px;
}
.minisite-modal {
border: 0;
border-radius: 22px;
overflow: hidden;
box-shadow: 0 24px 60px rgba(40, 30, 16, 0.18);
}
.minisite-modal .modal-header,
.minisite-modal .modal-footer {
position: relative;
border-color: #efe9e1;
padding: 22px 24px;
align-items: flex-start;
}
.minisite-modal .btn-close {
position: absolute;
top: 18px;
right: 18px;
width: 36px;
height: 36px;
padding: 0;
margin: 0;
background-color: #f6f3ee;
box-shadow: none;
border-radius: 50%;
opacity: 1;
z-index: 2;
}
.minisite-modal .btn-close:hover,
.minisite-modal .btn-close:focus {
background-color: #e7e1d8;
opacity: 1;
box-shadow: none;
}
.minisite-modal .modal-body {
padding: 8px 24px 20px;
}
.minisite-modal .modal-title {
margin: 0;
font-size: 26px;
font-weight: 700;
letter-spacing: -0.03em;
color: #161513;
}
.minisite-modal__lede {
margin: 6px 0 0;
color: #6d675f;
font-size: 14px;
line-height: 1.5;
}
.minisite-modal__hint {
margin: 18px 0 10px;
font-size: 13px;
font-weight: 700;
color: #161513;
}
.minisite-modal__form {
padding: 0;
border: 0;
box-shadow: none;
background: transparent;
}
.minisite-modal .form-control {
border-radius: 14px;
border-color: #e7e1d8;
padding: 12px 14px;
height: 52px;
}
.minisite-modal textarea.form-control {
height: auto;
min-height: 120px;
}
.minisite-modal #loading_icon {
display: none;
margin: 0 auto 12px;
}
.minisite-modal .modal-footer .minisite-btn {
min-width: 160px;
min-height: 46px;
border: 0;
}
.minisite-modal .listing-alert {
margin-bottom: 14px;
}
@media (max-width: 991px) {
.minisite-hero__grid,
.minisite-offer {
grid-template-columns: 1fr;
}
.minisite-hero__aside { align-items: stretch; }
.minisite-logo { width: 100%; height: 200px; }
.minisite-map { height: 300px; }
.page-minisite .minisite-page { padding-top: 88px; }
.minisite-nav { top: 0; }
}
@media (max-width: 767px) {
.minisite-hero,
.minisite-panel,
.minisite-improve { padding: 20px; }
.minisite-hero h1 { font-size: 30px; }
}
/* DIGITAL SERVICES — premium
------------------------ */
.page-services {
background: #f6f3ee;
}
.page-services header.navigation {
background: #161513;
top: 0;
}
.page-services .testimonial-sect.bg-f9 {
background: #f6f3ee !important;
}
.page-services .testimonial-box {
background: #fff;
border: 1px solid #e7e1d8;
border-radius: 22px;
box-shadow: 0 12px 28px rgba(40, 30, 16, 0.04);
}
.services-hero {
background: #fff;
border-bottom: 1px solid #e7e1d8;
padding-top: 104px;
}
.services-hero__inner {
padding: 8px 0 36px;
max-width: 760px;
}
.services-breadcrumb {
margin: 0 0 16px;
}
.page-services .breadcrumb {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
background: none;
padding: 0;
margin: 0;
font-size: 14px;
line-height: 1.4;
}
.page-services .breadcrumb-item {
display: inline-flex;
align-items: center;
}
.page-services .breadcrumb-item + .breadcrumb-item::before {
content: "›";
color: #c4bdb3;
padding: 0 10px 0 8px;
font-size: 18px;
line-height: 1;
font-weight: 400;
}
.page-services .breadcrumb-item a {
display: inline-flex;
align-items: center;
gap: 6px;
color: #161513;
font-weight: 600;
}
.page-services .breadcrumb-item a:hover {
color: var(--primary-color);
text-decoration: none;
}
.page-services .breadcrumb-item.active {
color: #8a847c;
font-weight: 500;
}
.services-kicker {
margin: 0 0 8px;
font-size: 11px;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #a39c93;
font-weight: 600;
}
.services-hero__title-row {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 14px 18px;
flex-wrap: wrap;
margin-bottom: 14px;
}
.services-hero h1 {
margin: 0;
font-size: 42px;
font-weight: 700;
letter-spacing: -0.035em;
line-height: 1.12;
color: #161513;
overflow-wrap: break-word;
}
.services-hero__pill {
display: inline-flex;
align-items: center;
height: 32px;
padding: 0 12px;
border-radius: 999px;
background: #fff6ee;
color: #c25d12;
border: 1px solid #f3d2b4;
font-size: 13px;
font-weight: 600;
white-space: nowrap;
}
.services-hero__lede {
margin: 0 0 22px;
color: #6d675f;
font-size: 18px;
line-height: 1.55;
}
.services-hero__actions {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.services-page {
padding: 36px 0 8px;
}
.services-highlights {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;
margin-bottom: 28px;
}
.services-highlight {
background: #fff;
border: 1px solid #e7e1d8;
border-radius: 22px;
padding: 22px 22px 20px;
box-shadow: 0 12px 28px rgba(40, 30, 16, 0.04);
}
.services-highlight strong {
display: block;
margin-bottom: 6px;
font-size: 20px;
letter-spacing: -0.03em;
color: #161513;
}
.services-highlight span {
color: #6d675f;
font-size: 14px;
line-height: 1.5;
}
.services-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
margin-bottom: 20px;
}
.services-card {
display: flex;
flex-direction: column;
background: #fff;
border: 1px solid #e7e1d8;
border-radius: 22px;
overflow: hidden;
box-shadow: 0 12px 28px rgba(40, 30, 16, 0.04);
transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}
.services-card:hover {
transform: translateY(-3px);
box-shadow: 0 18px 40px rgba(40, 30, 16, 0.08);
border-color: #ddd6cc;
}
.services-card__media {
display: block;
background: #ece7df;
aspect-ratio: 16 / 9;
overflow: hidden;
}
.services-card__media img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.35s ease;
}
.services-card:hover .services-card__media img {
transform: scale(1.03);
}
.services-card__body {
display: flex;
flex-direction: column;
flex: 1;
padding: 22px 22px 20px;
}
.services-card__body h2 {
margin: 0 0 10px;
font-size: 26px;
font-weight: 700;
letter-spacing: -0.03em;
color: #161513;
}
.services-card__body p {
margin: 0 0 18px;
color: #6d675f;
font-size: 15px;
line-height: 1.6;
}
.services-card__link {
margin-top: auto;
display: inline-flex;
align-items: center;
align-self: flex-start;
min-height: 36px;
padding: 0 14px;
border-radius: 999px;
background: #161513;
color: #fff !important;
font-size: 13px;
font-weight: 600;
text-decoration: none !important;
}
.services-card__link:hover {
background: var(--primary-color);
}
.services-cover {
overflow: hidden;
border-radius: 22px;
margin: 0 0 18px;
background: #ece7df;
}
.services-cover img {
display: block;
width: 100%;
max-height: 420px;
object-fit: cover;
}
.services-panel {
background: #fff;
border: 1px solid #e7e1d8;
border-radius: 22px;
padding: 28px;
margin-bottom: 18px;
box-shadow: 0 12px 28px rgba(40, 30, 16, 0.04);
}
.services-split {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
}
.services-prose {
color: #4d4943;
font-size: 16px;
line-height: 1.7;
}
.services-prose h2 {
margin: 0 0 14px;
font-size: 26px;
font-weight: 700;
letter-spacing: -0.03em;
color: #161513;
}
.services-prose h3 {
margin: 22px 0 10px;
font-size: 18px;
font-weight: 650;
color: #161513;
}
.services-prose p { margin: 0 0 0.9em; }
.services-prose p:last-child,
.services-prose ul:last-child { margin-bottom: 0; }
.services-prose ul {
margin: 0 0 1em;
padding-left: 1.15em;
}
.services-prose li { margin-bottom: 0.35em; }
.services-points {
list-style: none;
margin: 0;
padding: 0;
display: grid;
gap: 16px;
}
.services-points li {
margin: 0;
padding: 16px 18px;
border-radius: 16px;
background: #faf7f2;
border: 1px solid #efe9e1;
}
.services-points strong {
display: block;
margin-bottom: 4px;
color: #161513;
font-size: 16px;
}
.services-points span {
color: #6d675f;
}
.services-table-wrap {
overflow-x: auto;
margin: 8px 0 18px;
border: 1px solid #efe9e1;
border-radius: 16px;
}
.services-table {
width: 100%;
margin: 0;
border-collapse: collapse;
font-size: 15px;
}
.services-table th,
.services-table td {
padding: 12px 16px;
text-align: left;
border-bottom: 1px solid #efe9e1;
vertical-align: top;
}
.services-table thead th {
background: #faf7f2;
color: #8a847c;
font-size: 12px;
letter-spacing: 0.06em;
text-transform: uppercase;
font-weight: 650;
}
.services-table tbody tr:last-child td { border-bottom: 0; }
.services-cta {
padding: 8px 0 56px;
}
.services-cta__card {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
background: #161513;
color: #fff;
border-radius: 22px;
padding: 32px 34px;
}
.services-cta__copy {
max-width: 640px;
}
.services-cta__copy .services-kicker { color: #c4bdb3; }
.services-cta__copy h2 {
margin: 0 0 8px;
font-size: 28px;
font-weight: 700;
letter-spacing: -0.03em;
color: #fff;
}
.services-cta__copy p {
margin: 0;
color: #d8d2c8;
font-size: 16px;
line-height: 1.55;
}
.services-cta .minisite-btn--solid {
background: #fff;
color: #161513 !important;
flex-shrink: 0;
}
.services-cta .minisite-btn--solid:hover {
background: var(--primary-color);
color: #fff !important;
}
.services-related {
padding: 8px 0 12px;
}
.services-related__head {
margin-bottom: 16px;
}
.services-related__head h2 {
margin: 0;
font-size: 26px;
font-weight: 700;
letter-spacing: -0.03em;
color: #161513;
}
.services-related__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;
}
.services-related__card {
display: flex;
flex-direction: column;
align-items: flex-start;
background: #fff;
border: 1px solid #e7e1d8;
border-radius: 22px;
padding: 22px;
text-decoration: none !important;
box-shadow: 0 12px 28px rgba(40, 30, 16, 0.04);
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.services-related__card:hover {
transform: translateY(-2px);
box-shadow: 0 18px 40px rgba(40, 30, 16, 0.08);
}
.services-related__card strong {
margin: 0 0 14px;
font-size: 20px;
letter-spacing: -0.03em;
color: #161513;
}
.services-related__more {
margin-top: auto;
color: #c25d12;
font-size: 13px;
font-weight: 600;
}
@media (max-width: 991px) {
.page-services .container {
padding-left: 16px;
padding-right: 16px;
}
.services-hero { padding-top: 56px; }
.services-hero__inner { padding: 4px 0 24px; }
.services-hero h1 { font-size: 30px; }
.services-hero__lede { font-size: 16px; }
.page-services .breadcrumb { font-size: 13px; }
.services-hero__actions {
flex-direction: column;
align-items: stretch;
}
.services-hero__actions .minisite-btn,
.services-cta .minisite-btn--solid {
width: 100%;
min-height: 48px;
}
.services-highlights,
.services-grid,
.services-split,
.services-related__grid {
grid-template-columns: 1fr;
}
.services-cta__card {
flex-direction: column;
align-items: stretch;
}
.services-card:hover,
.services-related__card:hover {
transform: none;
}
.services-card__link {
width: 100%;
justify-content: center;
min-height: 44px;
}
}
@media (max-width: 767px) {
.page-services .container {
padding-left: 16px;
padding-right: 16px;
}
.services-hero { padding-top: 56px; }
.services-hero__inner { padding-bottom: 22px; }
.services-hero h1 { font-size: 28px; }
.services-hero__lede {
font-size: 15px;
margin-bottom: 18px;
}
.services-breadcrumb { margin-bottom: 12px; }
.page-services .breadcrumb-item.active {
max-width: 100%;
white-space: normal;
}
.services-page { padding: 18px 0 4px; }
.services-highlights,
.services-grid { gap: 12px; }
.services-highlight { padding: 16px 18px; }
.services-panel { padding: 18px; }
.services-card__body { padding: 16px 16px 18px; }
.services-card__body h2 { font-size: 22px; }
.services-prose { font-size: 15px; }
.services-prose h2 { font-size: 22px; }
.services-points li { padding: 14px 14px; }
.services-cover { border-radius: 18px; }
.services-cover img { max-height: 200px; }
.services-cta { padding: 4px 0 28px; }
.services-cta__card { padding: 22px 20px; border-radius: 18px; }
.services-cta__copy h2 { font-size: 22px; }
.services-related { padding-bottom: 8px; }
.services-related__head h2 { font-size: 22px; }
.services-related__card { padding: 18px; min-height: 108px; }
.page-services .testimonial-sect { padding-top: 12px; }
.page-services .testimonial-slider { padding-left: 4px; padding-right: 4px; }
.page-services .testimonial-slider .swiper-slide { margin: 36px 0 12px; font-size: 14px; }
.page-services #scrollUp { right: 14px; bottom: 18px; }
.services-table-wrap {
border: 0;
overflow: visible;
}
.services-table,
.services-table thead,
.services-table tbody,
.services-table th,
.services-table td,
.services-table tr {
display: block;
width: 100%;
}
.services-table thead { display: none; }
.services-table tr {
background: #faf7f2;
border: 1px solid #efe9e1;
border-radius: 14px;
padding: 12px 14px;
margin-bottom: 10px;
}
.services-table td {
display: grid;
grid-template-columns: 42% 1fr;
gap: 10px;
padding: 8px 0;
border-bottom: 1px solid #efe9e1;
font-size: 14px;
}
.services-table td:last-child { border-bottom: 0; padding-bottom: 0; }
.services-table td:first-child { padding-top: 0; }
.services-table td::before {
content: attr(data-label);
color: #8a847c;
font-size: 11px;
letter-spacing: 0.04em;
text-transform: uppercase;
font-weight: 650;
padding-top: 2px;
}
@media (hover: none) {
.services-card:hover .services-card__media img { transform: none; }
}
}
/* HOMEPAGE — premium
------------------------ */
.page-home {
background: #f6f3ee;
overflow-x: clip;
}
.page-home header.navigation {
background: transparent;
}
.page-home .testimonial-sect.bg-f9 {
background: #f6f3ee !important;
}
.page-home .testimonial-box {
background: #fff;
border: 1px solid #e7e1d8;
border-radius: 22px;
box-shadow: 0 12px 28px rgba(40, 30, 16, 0.04);
}
.home-hero {
position: relative;
background-color: #161513;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
border-bottom: 0;
padding-top: 120px;
padding-bottom: 36px;
min-height: 560px;
display: flex;
align-items: center;
}
.home-hero::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(22, 21, 19, 0.38) 0%, rgba(22, 21, 19, 0.55) 100%);
z-index: 0;
}
.home-hero .container {
position: relative;
z-index: 1;
}
.home-hero__inner {
padding: 12px 0 8px;
max-width: 820px;
}
.home-hero .services-kicker {
color: rgba(255, 255, 255, 0.72);
}
.home-hero__title-row {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 14px 18px;
flex-wrap: wrap;
margin-bottom: 14px;
}
.home-hero h1 {
margin: 0;
font-size: 46px;
font-weight: 700;
letter-spacing: -0.04em;
line-height: 1.1;
color: #fff;
}
.home-hero__lede {
margin: 0 0 26px;
color: rgba(255, 255, 255, 0.82);
font-size: 18px;
line-height: 1.55;
max-width: 640px;
}
.home-search {
position: relative;
z-index: 5;
background: #f6f3ee;
border: 1px solid #e7e1d8;
border-radius: 24px;
padding: 16px;
margin-bottom: 22px;
}
.home-search__fields {
display: grid;
grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) auto;
gap: 10px;
align-items: end;
}
.home-search__field {
display: flex;
flex-direction: column;
gap: 6px;
margin: 0;
position: relative;
z-index: 1;
}
.home-search__field:first-child {
z-index: 3;
}
.home-search__field:has(.tt-open) {
z-index: 4;
}
.home-search__field span {
font-size: 11px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #a39c93;
font-weight: 600;
padding-left: 4px;
}
.page-home #search_results,
.page-home #city_select,
.home-search .form-control {
height: 52px;
border: 1px solid #e7e1d8;
border-radius: 999px;
background: #fff;
padding: 0 18px;
box-shadow: none;
color: #161513;
}
.page-home #search_results:focus,
.page-home #city_select:focus,
.home-search .form-control:focus {
border-color: #161513;
box-shadow: none;
}
.home-search .twitter-typeahead {
width: 100%;
position: relative;
z-index: 1;
}
.home-search .twitter-typeahead.tt-open {
z-index: 5;
}
.page-home .tt-menu {
width: 100%;
max-height: 260px;
margin-top: 8px;
border-color: #e7e1d8;
border-radius: 16px;
box-shadow: 0 16px 36px rgba(40, 30, 16, 0.16);
}
.home-search__submit {
min-height: 52px;
padding: 0 22px;
border: 0;
}
.home-search__cities {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 12px;
}
.home-city {
appearance: none;
border: 1px solid #e7e1d8;
background: #fff;
color: #161513;
border-radius: 999px;
min-height: 34px;
padding: 0 14px;
font-size: 13px;
font-weight: 600;
line-height: 1;
}
.home-city:hover,
.home-city.is-active {
background: #161513;
border-color: #161513;
color: #fff;
}
.home-highlights {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;
padding: 8px 0 36px;
}
.home-highlight {
background: #fff;
border: 1px solid #e7e1d8;
border-radius: 22px;
padding: 22px 22px 20px;
box-shadow: 0 12px 28px rgba(40, 30, 16, 0.04);
}
.home-highlight strong {
display: block;
margin-bottom: 6px;
font-size: 20px;
letter-spacing: -0.03em;
color: #161513;
}
.home-highlight span {
color: #6d675f;
font-size: 14px;
line-height: 1.5;
}
.home-section {
padding: 48px 0 12px;
}
.home-section__head {
max-width: 640px;
margin-bottom: 28px;
}
.home-section__head h2 {
margin: 0 0 10px;
font-size: 36px;
font-weight: 700;
letter-spacing: -0.035em;
color: #161513;
}
.home-section__head p {
margin: 0;
color: #6d675f;
font-size: 16px;
line-height: 1.55;
}
.home-section__more {
display: flex;
justify-content: center;
padding: 8px 0 20px;
}
.home-popular__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;
}
.home-popular__card {
background: #fff;
border: 1px solid #e7e1d8;
border-radius: 22px;
padding: 22px 22px 20px;
box-shadow: 0 12px 28px rgba(40, 30, 16, 0.04);
}
.home-popular__icon {
width: 48px;
height: 48px;
border-radius: 14px;
background: #fff6ee;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 14px;
}
.home-popular__icon img {
width: 28px;
height: 28px;
object-fit: contain;
}
.home-popular__card h3 {
margin: 0 0 14px;
font-size: 22px;
font-weight: 700;
letter-spacing: -0.03em;
color: #161513;
}
.home-popular__chips {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.home-chip {
display: inline-flex;
align-items: center;
min-height: 32px;
padding: 0 12px;
border-radius: 999px;
background: #f6f3ee;
color: #161513 !important;
font-size: 13px;
font-weight: 600;
text-decoration: none !important;
}
.home-chip:hover {
background: #161513;
color: #fff !important;
}
.home-services__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;
}
.page-home .services-card__body h3 {
margin: 0 0 10px;
font-size: 24px;
font-weight: 700;
letter-spacing: -0.03em;
color: #161513;
}
.home-media {
overflow-x: clip;
}
.home-media__grid {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 16px;
}
.home-media__card {
display: grid;
grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
gap: 0;
min-width: 0;
background: #fff;
border: 1px solid #e7e1d8;
border-radius: 22px;
overflow: hidden;
box-shadow: 0 12px 28px rgba(40, 30, 16, 0.04);
}
.home-media__card--video {
grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
}
.home-media__copy {
padding: 28px 26px;
display: flex;
flex-direction: column;
min-width: 0;
}
.home-media__copy h3 {
margin: 0 0 10px;
font-size: 26px;
font-weight: 700;
letter-spacing: -0.03em;
color: #161513;
}
.home-media__copy p {
margin: 0 0 18px;
color: #6d675f;
font-size: 15px;
line-height: 1.6;
}
.home-media__visual {
background: #ece7df;
min-height: 280px;
min-width: 0;
position: relative;
overflow: hidden;
}
.home-media__visual video,
.home-media__visual iframe,
.home-media__visual img,
.home-media__visual .s-box img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.page-home .adv-slider {
width: 100%;
max-width: 100%;
height: 100%;
overflow: hidden;
}
.page-home .adv-slider .swiper-wrapper,
.page-home .adv-slider .swiper-slide {
height: 100%;
max-width: 100%;
}
.page-home .home-media .s-box {
padding-bottom: 0;
height: 100%;
min-height: 280px;
}
.page-home .swiper-button-next,
.page-home .swiper-button-prev {
font-size: 22px;
color: #fff;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
background: rgba(22, 21, 19, .45);
border-radius: 999px;
}
.page-home .swiper-button-next::after,
.page-home .swiper-button-prev::after { display: none; }
.page-home .swiper-pagination-bullets.swiper-pagination-horizontal {
display: flex;
align-items: center;
justify-content: center;
}
.page-home .home-media .swiper-pagination { display: none; }
.page-home .swiper-pagination-bullet { background: #d8d8d8; opacity: 1; }
.page-home .swiper-pagination-bullet-active { background: var(--primary-color); }
.home-cta {
padding-top: 20px;
padding-bottom: 8px;
}
.home-cta__actions {
display: flex;
flex-wrap: wrap;
gap: 10px;
align-items: center;
}
.page-home .services-cta__card {
align-items: center;
}
.page-home .services-cta__card .minisite-btn--solid {
background: #fff;
color: #161513 !important;
}
.page-home .services-cta__card .minisite-btn--solid:hover {
background: var(--primary-color);
color: #fff !important;
}
.page-home .services-cta__card .minisite-btn--ghost {
background: transparent;
color: #fff !important;
border-color: rgba(255,255,255,0.28);
}
.page-home .services-cta__card .minisite-btn--ghost:hover {
border-color: #fff;
}
.home-map {
padding-bottom: 40px;
}
.page-home .result-map-panel {
margin: 0;
}
.page-home .result-map-panel__canvas,
.page-home .home-map__canvas {
height: 360px;
min-height: 360px;
}
@media (max-width: 991px) {
.page-home .container {
padding-left: 16px;
padding-right: 16px;
}
.home-hero { padding-top: 88px; min-height: 480px; }
.home-hero h1 { font-size: 32px; }
.home-hero__lede { font-size: 16px; }
.home-search__fields,
.home-highlights,
.home-popular__grid,
.home-services__grid,
.home-media__card,
.home-media__card--video {
grid-template-columns: minmax(0, 1fr);
}
.home-search__submit,
.home-cta__actions .minisite-btn,
.home-section__more .minisite-btn {
width: 100%;
min-height: 48px;
}
.home-section__head h2 { font-size: 28px; }
.home-media__visual { min-height: 220px; }
.page-home .services-card:hover { transform: none; }
}
@media (max-width: 767px) {
.home-hero h1 { font-size: 28px; }
.home-hero__lede { font-size: 15px; margin-bottom: 18px; }
.home-search { padding: 12px; border-radius: 18px; }
.home-highlight,
.home-popular__card { padding: 16px 18px; }
.home-section { padding: 28px 0 4px; }
.home-section__head { margin-bottom: 18px; }
.home-section__head h2 { font-size: 24px; }
.page-home .services-card__body { padding: 16px 16px 18px; }
.page-home .services-card__body h3 { font-size: 22px; }
.page-home .services-card__link {
width: 100%;
justify-content: center;
min-height: 44px;
}
.home-media__copy { padding: 20px 18px; }
.home-media__copy h3 { font-size: 22px; }
.page-home .result-map-panel__canvas,
.page-home .home-map__canvas {
height: 260px;
min-height: 260px;
}
.page-home .testimonial-sect { padding-top: 12px; }
.page-home #scrollUp { right: 14px; bottom: 18px; }
}
/* LISTING / FORMS — advertise, kataxorisi, start-a-project
------------------------ */
.listing-page {
padding-bottom: 48px;
}
.listing-search {
background: #fff;
margin-bottom: 28px;
}
.listing-search .tt-menu {
width: 100%;
max-height: 260px;
margin-top: 8px;
border-color: #e7e1d8;
border-radius: 16px;
box-shadow: 0 16px 36px rgba(40, 30, 16, 0.16);
}
.listing-switch {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 22px;
}
.listing-switch__item {
display: inline-flex;
align-items: center;
min-height: 40px;
padding: 0 16px;
border-radius: 999px;
border: 1px solid #e7e1d8;
background: #fff;
color: #5c5750 !important;
font-size: 14px;
font-weight: 600;
text-decoration: none !important;
}
.listing-switch__item.is-active,
.listing-switch__item:hover {
background: #161513;
border-color: #161513;
color: #fff !important;
}
.listing-intro {
margin-bottom: 22px;
}
.listing-intro h2 {
margin-bottom: 10px;
}
.listing-intro p {
margin: 0;
color: #4d4943;
font-size: 16px;
line-height: 1.65;
}
.listing-tiers {
display: grid;
grid-template-columns: 1fr 1.4fr 1fr;
gap: 16px;
margin-bottom: 28px;
align-items: start;
}
.listing-tier {
background: #fff;
border: 1px solid #e7e1d8;
border-radius: 22px;
padding: 24px 22px 22px;
box-shadow: 0 12px 28px rgba(40, 30, 16, 0.04);
}
.listing-tier--featured {
border-color: #161513;
box-shadow: 0 18px 40px rgba(40, 30, 16, 0.08);
}
.listing-tier h3 {
margin: 0 0 10px;
font-size: 24px;
font-weight: 700;
letter-spacing: -0.03em;
color: #161513;
}
.listing-tier > p,
.listing-tier__split p {
color: #6d675f;
font-size: 15px;
line-height: 1.55;
margin: 0 0 14px;
}
.listing-tier .minisite-btn {
width: 100%;
margin-top: 8px;
}
.listing-tier__split {
display: grid;
gap: 18px;
padding-top: 6px;
}
.listing-tier__split strong {
display: block;
margin-bottom: 6px;
color: #161513;
font-size: 16px;
}
.listing-tier ul {
margin: 0;
padding-left: 18px;
color: #4d4943;
font-size: 14px;
line-height: 1.55;
}
.listing-tier li + li { margin-top: 4px; }
.listing-steps {
list-style: none;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 12px;
margin: 0 0 22px;
padding: 0;
}
.listing-steps li {
display: flex;
align-items: center;
gap: 10px;
background: #fff;
border: 1px solid #e7e1d8;
border-radius: 16px;
padding: 14px 16px;
}
.listing-steps strong {
width: 32px;
height: 32px;
border-radius: 999px;
background: #161513;
color: #fff;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 12px;
flex: 0 0 32px;
}
.listing-steps span {
color: #161513;
font-weight: 600;
font-size: 14px;
}
.listing-form-wrap {
max-width: 820px;
margin: 0 auto 20px;
}
.listing-form {
background: #fff;
border: 1px solid #e7e1d8;
border-radius: 22px;
padding: 28px 28px 24px;
box-shadow: 0 12px 28px rgba(40, 30, 16, 0.04);
}
.listing-form__head {
margin-bottom: 22px;
}
.listing-form__head h2 {
margin: 0 0 8px;
font-size: 26px;
font-weight: 700;
letter-spacing: -0.03em;
color: #161513;
}
.listing-form__head p,
.listing-step__head p {
margin: 0;
color: #6d675f;
font-size: 15px;
}
.listing-form__grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px 16px;
}
.listing-field {
display: flex;
flex-direction: column;
gap: 6px;
margin: 0;
}
.listing-field--full { grid-column: 1 / -1; }
.listing-field span {
font-size: 12px;
font-weight: 600;
color: #5c5750;
}
.listing-form .form-control,
.listing-form .form-select,
.page-services .listing-form .select2-container--default .select2-selection--single {
height: 52px;
border: 1px solid #e7e1d8;
border-radius: 14px;
background: #fff;
box-shadow: none;
color: #161513;
}
.listing-form textarea.form-control {
height: auto;
min-height: 150px;
padding-top: 14px;
border-radius: 16px;
resize: vertical;
}
.listing-form .form-control:focus,
.listing-form .form-select:focus {
border-color: #161513;
box-shadow: none;
}
.page-services .listing-form .select2-container {
width: 100% !important;
}
.page-services .listing-form .select2-container--default .select2-selection--single {
display: flex;
align-items: center;
padding: 0 12px;
}
.page-services .listing-form .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 50px;
right: 8px;
}
.listing-step {
padding: 8px 0 28px;
border-bottom: 1px solid #f0ebe4;
margin-bottom: 22px;
}
.listing-step:last-of-type {
border-bottom: 0;
margin-bottom: 0;
padding-bottom: 0;
}
.listing-step__head {
display: flex;
align-items: flex-start;
gap: 14px;
margin-bottom: 18px;
}
.listing-step__head h2 {
margin: 0 0 4px;
font-size: 22px;
font-weight: 700;
letter-spacing: -0.03em;
color: #161513;
}
.listing-step__num {
width: 36px;
height: 36px;
border-radius: 999px;
background: #fff6ee;
color: #c25d12;
border: 1px solid #f3d2b4;
display: inline-flex;
align-items: center;
justify-content: center;
font-weight: 700;
flex: 0 0 36px;
}
.listing-interests {
border: 0;
margin: 22px 0 0;
padding: 0;
}
.listing-interests legend {
font-size: 16px;
font-weight: 700;
color: #161513;
margin-bottom: 12px;
}
.listing-interests__grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px;
}
.listing-check {
display: flex;
align-items: center;
gap: 10px;
margin: 0;
padding: 12px 14px;
border: 1px solid #e7e1d8;
border-radius: 14px;
background: #faf8f5;
color: #161513;
font-size: 14px;
font-weight: 500;
cursor: pointer;
}
.listing-check:has(input:checked) {
background: #fff6ee;
border-color: #f3d2b4;
}
.listing-check .form-check-input {
margin: 0;
flex: 0 0 auto;
}
.listing-form__submit {
margin-top: 22px;
min-width: 220px;
min-height: 48px;
border: 0;
}
.listing-form__loading {
margin-top: 12px;
}
.listing-alert {
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
text-align: center;
padding: 20px 16px;
border-radius: 18px;
margin-bottom: 18px;
}
.listing-alert p {
margin: 0;
font-weight: 600;
font-size: 16px;
}
.listing-alert--success {
background: #f3f8f1;
border: 1px solid #d7e6d2;
color: #2f6b2c;
}
.listing-alert--error {
background: #fdf2f2;
border: 1px solid #f0d4d4;
color: #a33b3b;
}
.listing-page .services-cta {
margin-top: 8px;
}
@media (max-width: 991px) {
.listing-tiers,
.listing-steps,
.listing-form__grid,
.listing-interests__grid {
grid-template-columns: 1fr;
}
.listing-form {
padding: 22px 18px;
}
.listing-form__submit,
.listing-tier .minisite-btn {
width: 100%;
}
}
@media (max-width: 767px) {
.listing-steps li { padding: 12px 14px; }
.listing-step__head h2 { font-size: 20px; }
.listing-form__head h2 { font-size: 22px; }
}
/* STATIC / FOOTER PAGES
------------------------ */
.static-page {
padding-bottom: 48px;
}
.static-phone-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
margin-top: 6px;
}
.static-phone-card {
background: #fff;
border: 1px solid #e7e1d8;
border-radius: 22px;
padding: 22px 22px 20px;
box-shadow: 0 12px 28px rgba(40, 30, 16, 0.04);
}
.static-phone-card h3 {
margin: 0 0 12px;
font-size: 17px;
font-weight: 700;
letter-spacing: -0.02em;
color: #161513;
line-height: 1.35;
}
.static-phone-card__phones {
display: flex;
flex-direction: column;
gap: 10px;
}
.static-phone-card__label {
display: block;
margin-bottom: 4px;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.04em;
text-transform: uppercase;
color: #8a847b;
}
.static-phone-card__nums {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 2px 0;
font-size: 16px;
font-weight: 600;
}
.static-phone-card__nums a {
color: #f37c20;
text-decoration: none;
}
.static-phone-card__nums a:hover {
color: #d86a16;
text-decoration: underline;
}
.static-phone-card__sep {
color: #b8b2a8;
font-weight: 500;
padding: 0 6px;
}
.static-legal .minisite-panel + .minisite-panel {
margin-top: 0;
}
.static-legal__doc {
padding: 32px 36px 36px;
}
.static-legal__doc > h2,
.static-legal__section h2 {
margin: 0 0 18px;
font-size: 24px;
line-height: 1.25;
}
.static-legal .listing-intro p,
.static-legal .minisite-prose p {
margin: 0 0 1.85em;
max-width: 72ch;
color: #3f3b36;
font-size: 16px;
line-height: 1.8;
}
.static-legal .minisite-prose p:last-child {
margin-bottom: 0;
}
.static-legal__facts {
list-style: none;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 12px;
margin: 0 0 28px;
padding: 0;
}
.static-legal__facts li {
padding: 16px 18px;
border-radius: 16px;
background: #faf7f2;
border: 1px solid #efe9e1;
}
.static-legal__facts strong {
display: block;
margin-bottom: 2px;
color: #161513;
font-size: 20px;
font-weight: 750;
letter-spacing: -0.03em;
}
.static-legal__facts span {
color: #6d675f;
font-size: 13px;
}
.static-legal__section {
margin-top: 28px;
padding-top: 28px;
border-top: 1px solid #efe9e1;
}
.static-legal__clauses {
counter-reset: legal-clause;
}
.static-legal__clauses p {
position: relative;
padding-left: 2.4em;
counter-increment: legal-clause;
}
.static-legal__clauses p::before {
content: counter(legal-clause);
position: absolute;
left: 0;
top: 0.15em;
min-width: 1.6em;
color: #f37c20;
font-size: 13px;
font-weight: 750;
line-height: 1.6;
}
.static-map {
position: relative;
overflow: hidden;
border: 1px solid #e7e1d8;
border-radius: 22px;
background: #ece7df;
box-shadow: 0 18px 40px rgba(40, 30, 16, 0.08);
}
.static-map__frame {
position: relative;
overflow: hidden;
min-height: 0;
background: #ece7df;
}
.static-map__canvas,
.home-map__canvas {
width: 100%;
height: 560px;
background: #ece7df;
}
.static-map .leaflet-tile-pane,
.home-map .leaflet-tile-pane {
filter: saturate(0.35) contrast(0.9) brightness(1.08);
}
.static-map .leaflet-control-zoom,
.home-map .leaflet-control-zoom {
border: 0 !important;
box-shadow: 0 8px 20px rgba(40, 30, 16, 0.12) !important;
overflow: hidden;
border-radius: 12px !important;
}
.static-map .leaflet-control-zoom a,
.home-map .leaflet-control-zoom a {
width: 34px !important;
height: 34px !important;
line-height: 34px !important;
border: 0 !important;
color: #161513 !important;
background: #fff !important;
}
.static-map .leaflet-control-attribution,
.home-map .leaflet-control-attribution {
background: rgba(255, 255, 255, 0.78) !important;
font-size: 10px;
}
.static-map__meta {
position: absolute;
left: 22px;
top: 22px;
z-index: 500;
width: min(340px, calc(100% - 44px));
margin: 0;
box-shadow: 0 18px 36px rgba(40, 30, 16, 0.14);
}
.static-map__meta h2 {
margin-bottom: 8px;
}
.static-map__addr {
margin: 0 0 14px;
color: #4d4943;
}
.static-map__facts {
display: flex;
flex-direction: column;
gap: 6px;
margin-bottom: 18px;
}
.static-map__facts a {
color: #f37c20;
font-weight: 650;
text-decoration: none;
}
.static-map__facts a:hover {
text-decoration: underline;
}
.static-map__actions {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.static-map__actions .minisite-btn {
min-height: 42px;
padding: 0 16px;
}
.static-map__hint {
position: absolute;
left: 12px;
bottom: 12px;
z-index: 400;
margin: 0;
padding: 6px 10px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.88);
backdrop-filter: blur(8px);
color: #6d675f;
font-size: 11px;
pointer-events: none;
}
.home-map__canvas {
height: 360px;
}
@media (max-width: 991px) {
.static-map {
display: grid;
grid-template-columns: 1fr;
}
.static-map__meta {
position: static;
width: auto;
border-radius: 0;
border: 0;
box-shadow: none;
}
.static-map__canvas {
height: 380px;
}
}
@media (max-width: 767px) {
.static-legal__doc {
padding: 22px 18px 24px;
}
.static-legal__facts {
grid-template-columns: 1fr;
}
.static-legal__clauses p {
padding-left: 2.1em;
}
.static-phone-grid {
grid-template-columns: 1fr;
}
.static-phone-card,
.static-map {
border-radius: 18px;
}
.static-map__canvas,
.home-map__canvas {
height: 320px;
}
.static-map__actions .minisite-btn {
flex: 1 1 auto;
justify-content: center;
}
}