:root { --primary: #BE1E2D; } @font-face { font-family: Halyard Display Light; src: url('../fonts/fonnts.com-Halyard_Display_Light.otf'); font-display: swap; } @font-face { font-family: Halyard Display Regular; src: url(../fonts/fonnts.com-Halyard_Display_Regular.otf); font-display: swap; } @font-face { font-family: Halyard Display Medium; src: url(../fonts/fonnts.com-Halyard_Display_Medium.otf); font-display: swap; } @font-face { font-family: Halyard Display SemiBold; src: url(../fonts/fonnts.com-Halyard_Display_SemiBold.otf); font-display: swap; } @font-face { font-family: Halyard Display Book; src: url('../fonts/fonnts.com-Halyard_Display_Book.otf'); font-display: swap; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; } html, body { margin: 0; padding: 0; overflow-x: hidden; } h1, h2, h3, h4, h5, h6 { margin: 0; } h1, h2, h3, h4, h5, h6, p, a, button, li, input, textarea, select, span, label { font-family: 'Montserrat', sans-serif; font-weight: 400; color: #000; } h1 { font-size: 64px; line-height: 0.95; } h2 { font-size: 45px; line-height: 1; } h3 { font-size: 30px; line-height: 1.1; } h4 { font-size: 23px; line-height: 1.1; } p, a, button, li, input, textarea, select, span, label { font-size: 16px; line-height: 1.5; } img, iframe, figure { display: block; } figure { margin: 0; } li { list-style: none; } ul { padding: 0; margin: 0; } a, button { transition: all 0.6s; } a { text-decoration: none; } select { -webkit-appearance: none; -moz-appearance: none; background-image: url('../images/select-arrow-icon.svg') !important; background-repeat: no-repeat !important; background-position-x: 100% !important; background-position-y: 20px !important; } .container { width: 80%; max-width: 1200px; margin: auto; } .d-block { display: block; } .d-flex { display: flex; } .flex-wrap { flex-wrap: wrap; } .position-relative{position: relative;} .align-items-start { align-items: flex-start; } .align-items-center { align-items: center; } .justify-content-between { justify-content: space-between; } .justify-content-center { justify-content: center; } .text-center { text-align: center; } .text-uppercase { text-transform: uppercase; } .position-relative { position: relative; } .light { font-weight: 300; } .regular { font-weight: 400; } .medium { font-weight: 500; } .semibold { font-weight: 600; } .bold { font-weight: 700; } .white-color { color: #fff; } .position-relative { position: relative; } .inherit { font-size: inherit; font-family: inherit; color: inherit; line-height: inherit; } .halyard-light { font-family: Halyard Display Light; } .halyard-regular { font-family: Halyard Display Regular; } .halyard-medium { font-family: Halyard Display Medium; } .halyard-semibold { font-family: Halyard Display SemiBold; } .btn-primary { background: var(--primary); color: #fff; padding: 6px 20px; border: 0; border-radius: 22.50px; } .btn-primary:hover { background: #000; } .btn-secondary { max-width: 140px; background: #fff; color: var(--primary); padding: 6px 20px; border: 0; border-radius: 22.50px; } .btn-secondary:hover { background: #000; color: #fff; } .btn-secondary img { transition: all 0.6s; max-width: 10px; } .btn-secondary:hover img { filter: brightness(0) invert(1); } .tdf-link-icon { position: fixed; background: #000; color: #fff; text-align: center; font-size: 25px; display: flex; align-items: center; justify-content: center; padding: 12px; border-radius: 4px 0 0 4px; right: 0; top: 48vh; width: 30px; z-index: 2; } .tdf-link-icon:hover { background: var(--primary); } .fixed-whatsapp-icon { position: fixed; background: #187374; color: #fff; text-align: center; font-size: 25px; display: flex; align-items: center; justify-content: center; padding: 12px; border-radius: 4px 0 0 4px; right: 0; top: 48vh; margin-top: 57px; width: 30px; z-index: 2; } .fixed-whatsapp-icon:hover { background: #000; } .appStore{position: fixed; text-align: center; font-size: 25px; display: flex; align-items: center; justify-content: center; padding: 12px; border-radius: 4px 0 0 4px; right: -43px; top: 48vh; width: 0px; z-index: 2; transition: .8s;margin-top:101px;} .googleStore{position: fixed; text-align: center; font-size: 25px; display: flex; align-items: center; justify-content: center; padding: 12px; border-radius: 4px 0 0 4px; right: -44px; top: 48vh; width: 0px; z-index: 2; transition: .8s; margin-top:159px;} .appStore:hover, .googleStore:hover{right: 0; width: 137px;} .appStore img, .googleStore img{width:169px;} .newsletter-form-popup { display: none; z-index: 99999; position: fixed; width: 100%; height: 100%; left: 0; top: 0; } .newsletter-form-popup .overload { width: 100%; position: absolute; background: rgba(0, 0, 0, 0.5); height: 100%; } .newsletter-form-popup .popup-body { z-index: 9999; position: relative; max-width: 560px; margin: auto; top: 30%; transform: translateY(-30%); background: #f2f0f0; border-radius: 20px; padding: 50px; box-sizing: border-box; } .newsletter-form-popup .popup-body .close-newsletter-popup { background: none; border: none; padding: 0; transition: all 0.6s; position: absolute; right: 20px; top: 20px; font-size: 20px; cursor: pointer; } .newsletter-form-popup .popup-body .fa-remove:hover { color: #ff0000; } .newsletter-form-popup .popup-body h4 { font-size: 23px; } .newsletter-form-popup .popup-body form { margin-top: 20px; } .newsletter-form-popup .popup-body form input { border-radius: 200px; outline: none; color: #000; width: 100%; padding: 10px 23px; box-sizing: border-box; border: 0; } .newsletter-form-popup .popup-body form button { cursor: pointer; display: table; margin-top: 12px; background: var(--primary); padding: 6px 25px; color: #fff; border: 0; border-radius: 22.5px; } .newsletter-form-popup .popup-body form button:hover { background: #000; } .break-spaces { white-space: break-spaces; } .buttons-row { column-gap: 15px; } .clear-filters-button { background: #000; color: #fff; cursor: pointer; margin-top: 25px; width: 33.3%; max-width: 200px; padding: 10px 20px; column-gap: 7px; border: 0; border-radius: 22.50px; text-align: center; box-sizing: border-box; } .clear-filters-button:hover { background: var(--primary); } .price-container { margin-top: auto; } .swal2-container.swal2-shown { z-index: 9999999; } .swal2-popup .swal2-title { font-family: Halyard Display Medium !important; color: #000 !important; } .swal2-popup .swal2-content { font-family: 'Montserrat', sans-serif !important; font-weight: 400 !important; } .swal2-popup .swal2-styled.swal2-confirm { transition: all 0.6s; background: var(--primary) !important; min-width: 175px; border-radius: 22.5px !important; padding: 6px 25px !important; display: table; outline: none; box-shadow: none; } .swal2-popup .swal2-styled.swal2-confirm:hover { background: #000 !important; } .swal2-container *:focus { outline: none !important; box-shadow: none !important; } .flags-menu-bar { column-gap: 6px; justify-content: flex-end; margin-bottom: 0; } .flags-menu-bar img { max-width: 23px; height: 15px; } /* home page styles */ .social-icon { position: relative; display: inline-block; } .social-icon img { display: block; transition: opacity 0.6s ease; max-width: 18px; } .icon-hover { position: absolute; top: 0; left: 0; opacity: 0; } .social-icon:hover .icon-hover { opacity: 1; } .social-icon:hover .icon-default { opacity: 0; } .header { border-bottom-right-radius: 20px; width: 100%; position: fixed; z-index: 9999; padding: 20px 0; background: rgba(255, 255, 255, 0.7); } .header.internal-page-header { box-shadow: 0 2px 5px rgb(0 0 0 / 10%); -webkit-box-shadow: 0 2px 5px rgb(0 0 0 / 10%); } .header .mobile-menu { display: none; } .header .desktop-menu .row .first-column a { column-gap: 10px; } .header .desktop-menu .row .first-column a .site-logo { max-width: 130px; } .header .desktop-menu .row .first-column a .foundation-logo { max-width: 65px; } .header .desktop-menu .row .second-column ul { column-gap: 20px; } .header .desktop-menu .row .second-column ul a, .header .desktop-menu .row .second-column ul li { font-size: 15px; font-weight: 500; } .header .desktop-menu .row .second-column ul a:hover { color: var(--primary); } .header .desktop-menu .row .second-column ul .contact-menu-item { background: var(--primary); border-radius: 22.5px; padding: 6px 25px; color: #fff; } .header .desktop-menu .row .second-column ul .contact-menu-item:hover { background: #000; color: #fff; } .header .desktop-menu .row .second-column .social-networks-container { column-gap: 10px; } .header .desktop-menu .row .second-column .social-networks-container .youtube-icon { position: relative; top: 2px; } .header .desktop-menu .row .second-column .social-networks-container .instagram-icon { position: relative; top: 1px; } .header .desktop-menu .row .second-column .social-networks-container .facebook-icon img { max-width: 9px; } .header .desktop-menu .row .second-column .social-networks-container .instagram-icon img { max-width: 15px; } .home-banner-section { position: relative; height: 100vh; overflow: hidden; } .home-banner-video { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; transform: translate(-50%, -50%); object-fit: cover; z-index: -2; } .home-banner-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); z-index: -1; } .home-banner-watermark { position: absolute; bottom: 15px; right: 20px; color: rgba(255, 255, 255, 0.5); font-size: 12px; z-index: 1; letter-spacing: 0.5px; pointer-events: none; } .home-banner-section .home-banner-content { position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); } .home-banner-section .home-banner-content h1 { max-width: 450px; margin: auto; font-family: 'Halyard Display Medium'; text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5); } .home-banner-section .home-banner-content form { margin-top: 50px; background: #fff; } .home-banner-section .home-banner-content form .form-group-container { justify-content: space-between; } .home-banner-section .home-banner-content form select { outline: none; cursor: pointer; min-width: 190px; padding: 10px 30px; box-sizing: border-box; border: 0; } .home-banner-section .home-banner-content form .form-group:first-child select { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .home-banner-section .home-banner-content form button { column-gap: 10px; background: var(--primary); padding: 15px 25px; cursor: pointer; border: 0; margin-left: 30px; } .home-banner-section .home-banner-content form button:hover { background: #000; } .home-banner-section .home-banner-content form button span { display: none; } .home-banner-section .home-banner-content form .divider-vertical-line { height: 20px; width: 1px; background: #000; display: block; margin-left: 20px; } .sites-links-section { margin-top: 50px; margin-bottom: 30px; } .sites-links-section a { column-gap: 7px; padding: 4px 20px; box-sizing: border-box; border: 1px solid #000; border-radius: 200px; } .sites-links-section img { transition: all 0.6s; max-width: 19px; } .sites-links-section a:hover { background: var(--primary); border-color: var(--primary); color: #fff !important; } .sites-links-section a:hover img { filter: brightness(0) invert(1); } .sites-links-section .marquee-wrapper { overflow: hidden; width: 100%; } .sites-links-section .marquee-content { display: flex; width: max-content; animation: marquee 20s linear infinite; gap: 2rem; } .sites-links-section:hover .marquee-content { animation-play-state: paused; } .sites-links-section .marquee-content a { white-space: nowrap; text-decoration: none; color: #000; font-weight: 500; } @keyframes marquee { 0% { transform: translateX(0%); } 100% { transform: translateX(-50%); } } .featured-properties-section { padding-top: 40px; padding-bottom: 50px; } .featured-properties-section .global-content { margin-left: calc((100vw - min(1200px, 80vw)) / 2); } .featured-properties-section.has-mountains-banner { background-image: url(../images/mountains-banner.png); background-size: contain; background-repeat: no-repeat; background-position: bottom; } .featured-properties-section .row { margin-top: 30px; } .featured-properties-section .row .column-content .property-image { width: 100%; min-height: 480px; object-fit: cover; object-position: center; border-radius: 30px; } .featured-properties-section .row .property-tag { margin-top: 0; position: absolute; top: 30px; left: 30px; background: #000; padding: 4px 10px; border-radius: 20px; color: #fff; } .featured-properties-section .row .basic-property-information-content { position: absolute; bottom: 30px; left: 30px; padding-right: 30px; } .featured-properties-section .row .basic-property-information-content h4 { position: relative; z-index: 99; font-family: 'Halyard Display Medium'; } .featured-properties-section .row .basic-property-information-content h3 { position: relative; z-index: 99; font-family: 'Halyard Display Book'; } .featured-properties-section .row .black-shadow-effect { border-radius: 30px; position: absolute; background: linear-gradient(to bottom, transparent 30%, rgba(0,0,0,0.6)); height: 100%; width: 100%; top: 0; } .featured-properties-section .row .full-property-information-content { border-top-left-radius: 30px; border-bottom-left-radius: 30px; opacity: 0; transform: translateX(-100%); transition: all 0.25s ease; pointer-events: none; padding: 30px; box-sizing: border-box; background: #F2F0F0; position: absolute; left: 0; top: 0; width: 90%; height: 100%; z-index: 9999; } .featured-properties-section .row .full-property-information-content .property-tag { margin-top: 0; margin-bottom: 8px; position: relative; left: auto; top: auto; width: fit-content; } .featured-properties-section .row .full-property-information-content .property-title { font-family: Halyard Display Medium; } .featured-properties-section .row .full-property-information-content .property-location { margin-top: 8px; margin-bottom: 0; } .featured-properties-section .row .full-property-information-content .property-short-description { margin-top: 8px; margin-bottom: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .featured-properties-section .row .full-property-information-content .property-feature-item { column-gap: 10px; border: 1px solid #000; border-radius: 40px; padding: 6px 10px; } .featured-properties-section .row .full-property-information-content .property-features-content { margin-top: 15px; column-gap: 10px; row-gap: 10px; } .featured-properties-section .row .full-property-information-content .property-features-content p { margin: 0; font-size: 13px; } .featured-properties-section .row .full-property-information-content .property-current-price { margin-top: 10px; font-family: Halyard Display Medium; color: var(--primary); } .featured-properties-section .row .full-property-information-content .property-old-price { font-family: Halyard Display Light; } .featured-properties-section .row .full-property-information-content .property-link { cursor: pointer; display: table; margin-top: 10px; } .featured-properties-section .full-property-information-content { opacity: 0; transform: scale(0.9); transition: opacity 0.25s ease, transform 0.25s ease; pointer-events: none; } .featured-properties-section .column-content:hover .full-property-information-content { opacity: 1; transform: scale(1); pointer-events: auto; } .featured-properties-slider .slick-slide { margin: 0 10px; } .featured-properties-slider .slick-list { margin: 0 -10px; } .featured-properties-slider .slick-dots { margin: auto; width: auto; text-align: left; max-width: 1200px; bottom: auto; position: relative; margin-top: 40px; } .featured-properties-slider .slick-dots li:only-child { display: none; } .featured-properties-slider .slick-dots li { width: 14%; height: 5px; margin: 0; overflow-y: hidden; } .featured-properties-slider .slick-dots li button { height: inherit; width: 100%; background: #d1d1d1; } .featured-properties-slider .slick-dots li:first-child { border-top-left-radius: 10px; border-bottom-left-radius: 10px; } .featured-properties-slider .slick-dots li:last-child { border-top-right-radius: 10px; border-bottom-right-radius: 10px; } .featured-properties-slider .slick-dots li.slick-active button { background: var(--primary); } .properties-in-offer-section { padding-bottom: 40px; } .properties-in-offer-section .second-row { display: flex; gap: 20px; margin-top: 30px; } .properties-in-offer-section .second-row .column { display: flex; flex-direction: column; flex: 1; } .properties-in-offer-section .second-row .first-column .column-content .property-image { transition: all 0.6s; border-top-left-radius: 30px; border-top-right-radius: 30px; width: 100%; } .properties-in-offer-section .second-row .first-column .column-content .property-tag { z-index: 99; margin-top: 0; position: absolute; top: 30px; left: 30px; background: #000; padding: 4px 10px; border-radius: 20px; color: #fff; } .properties-in-offer-section .second-row .first-column .column-content .full-property-information-content { background: #F2F0F0; padding: 30px; box-sizing: border-box; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; } .properties-in-offer-section .second-row .first-column .column-content .property-current-price { font-family: Halyard Display Medium; color: var(--primary); } .properties-in-offer-section .second-row .first-column .column-content .featured-property-tag { font-size: 22px; display: inline-block; margin-top: 10px; padding: 4px 10px; border-bottom-left-radius: 30px; border-top-right-radius: 30px; border-bottom-right-radius: 30px; background: var(--primary); } .properties-in-offer-section .second-row .first-column .column-content .property-feature-item { column-gap: 10px; border: 1px solid #000; border-radius: 40px; padding: 6px 10px; } .properties-in-offer-section .second-row .first-column .column-content .property-features-content { margin-top: 15px; column-gap: 10px; row-gap: 10px; } .properties-in-offer-section .second-row .first-column .column-content .property-features-content p { margin: 0; font-size: 13px; } .properties-in-offer-section .second-row .first-column .column-content .property-link { cursor: pointer; display: table; margin-top: 15px; background: #000; } .properties-in-offer-section .second-row .first-column .column-content .property-link:hover { background: var(--primary); } .properties-in-offer-section .second-row .second-column .column-content .property-image { transition: all 0.6s; width: 100%; height: 100%; object-fit: cover; border-radius: 30px; object-position: right; } .properties-in-offer-section .second-row .second-column .column-content .property-tag { z-index: 99; margin-top: 0; position: absolute; top: 30px; left: 30px; background: #000; padding: 4px 10px; border-radius: 20px; color: #fff; } .properties-in-offer-section .second-row .second-column .column-content .basic-property-information-content { position: absolute; bottom: 30px; left: 30px; padding-right: 30px; } .properties-in-offer-section .second-row .second-column .column-content .basic-property-information-content h4 { position: relative; z-index: 99; font-family: 'Halyard Display Medium'; } .properties-in-offer-section .second-row .second-column .column-content .basic-property-information-content h3 { position: relative; z-index: 99; font-family: 'Halyard Display Book'; font-size: 22px; } .properties-in-offer-section .second-row .second-column .column-content .black-shadow-effect { border-radius: 30px; position: absolute; background: linear-gradient(to bottom, transparent 30%, rgba(0,0,0,0.6)); height: 100%; width: 100%; top: 0; } .properties-in-offer-section .second-row .second-column .columns-content-container { margin-top: 20px; column-gap: 20px; display: flex; gap: 20px; height: 100%; } .properties-in-offer-section .second-row .second-column .columns-content-container .column-content { flex: 1; } .properties-in-offer-section .first-column .column-content figure { border-top-left-radius: 30px; border-top-right-radius: 30px; overflow: hidden; } .properties-in-offer-section .second-column .column-content figure, .properties-in-offer-section .second-column .column-content .black-shadow-effect { border-radius: 30px; overflow: hidden; } .properties-in-offer-section .second-column .column-content figure { height: 100%; } .properties-in-offer-section .column-content:hover .property-image { transform: scale(1.15); } .our-services-section { background: var(--primary); padding: 70px 0; } .our-services-section .row { column-gap: 50px; } .our-services-section .row .first-column { width: 30%; } .our-services-section .row .second-column { width: 70%; } .our-services-section .row .second-column .inner-content { column-gap: 15px; row-gap: 15px; } .our-services-section .row .second-column .inner-item { border-radius: 20px; background: #fff; padding: 20px; box-sizing: border-box; width: calc(50% - 7.5px); } .our-services-section .row .second-column .inner-item h4 { margin-top: 8px; } .our-services-section .row .second-column .inner-item p { margin-top: 10px; margin-bottom: 0; } .testimonials-section { padding-top: 70px; } .testimonials-section.gray-block { background: #F2F0F0; padding-bottom: 70px; } .testimonials-section .full-inner-block { margin-left: calc((100vw - min(1200px, 80vw)) / 2); } .testimonials-section .second-row { margin-top: 25px; } .testimonials-section .second-row .item { display: flex; flex-direction: column; height: inherit; background: #F2F0F0; border-radius: 30px; padding: 35px; box-sizing: border-box; } .testimonials-section .slick-track { display: flex; } .testimonials-section.gray-block .second-row .item { background: #fff; } .testimonials-section .second-row .item img { max-width: 27px; } .testimonials-section .second-row .item .testimonial-name-container { column-gap: 10px; margin-top: auto; } .testimonials-section .second-row .item .testimonial-name-container p { margin: 0; } .testimonials-section .second-row .item .testimonial-name-container .stars-content { margin-top: 6px; column-gap: 3px; } .testimonials-section .second-row .item .testimonial-name-container .stars-content i { color: var(--primary); } .testimonials-section .second-row .item .testimonial-name-container .testimonial-date { margin-top: 4px; } .testimonials-section .testimonials-slider .slick-slide { margin: 0 10px; } .testimonials-section .testimonials-slider .slick-list { margin: 0 -10px; } .testimonials-section .testimonials-slider .slick-dots { width: auto; max-width: 1200px; bottom: auto; position: relative; margin-top: 40px; } .testimonials-section .testimonials-slider .slick-dots li { height: 5px; margin: 0; overflow-y: hidden; } .testimonials-section .testimonials-slider .slick-dots li button { height: inherit; width: 100%; background: #d1d1d1;} .testimonials-section .testimonials-slider .slick-dots li:first-child { border-top-left-radius: 10px; border-bottom-left-radius: 10px; } .testimonials-section .testimonials-slider .slick-dots li:last-child { border-top-right-radius: 10px; border-bottom-right-radius: 10px; } .testimonials-section .testimonials-slider .slick-dots li.slick-active button { background: var(--primary); } .marketing-of-ventures-section { padding: 30px 0; } .marketing-of-ventures-section .first-row h3 { font-size: 35px; } .marketing-of-ventures-section .second-row { margin-top: 20px; } .marketing-of-ventures-section .second-row .slick-initialized .slick-slide { float: inherit; display: inline-block !important; vertical-align: middle; } .marketing-of-ventures-section .second-row img { margin: auto; transform: scale(0.8); max-width: 210px; } .newsletter-section { padding: 0 50px; } .newsletter-section .layout { position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.2); z-index: 999; border-radius: 30px; } .newsletter-section .row img { width: 100%; max-height: 450px; object-fit: cover; min-height: 450px; margin: auto; border-radius: 30px; } .newsletter-section .row .text-content { max-width: 520px; position: absolute; top: 50%; transform: translateY(-50%); padding-left: calc((100vw - min(1200px, 80vw)) / 2); margin-left: -50px; z-index: 999; } .newsletter-section .row .text-content h2 { font-family: Halyard Display Medium; font-size: 58px; line-height: 1.1; } .newsletter-section .row .text-content span { cursor: pointer; transition: all 0.6s; display: table; margin-top: 20px; } .footer { padding-top: 90px; padding-bottom: 20px; } .footer a:hover { color: var(--primary); } .footer .first-row { column-gap: 80px; } .footer .first-row .first-column { width: 40%; } .footer .first-row .second-column { width: 30%; margin-top: 20px; } .footer .first-row .third-column { width: 30%; margin-top: 20px; } .footer .first-row .first-column .footer-description { margin-top: 30px; } .footer .first-row .first-column .footer-social-networks { column-gap: 10px; } .footer .first-row .first-column .footer-social-networks .youtube-icon { position: relative; top: 3px; } .footer .first-row .first-column .footer-social-networks .instagram-icon { position: relative; top: 1px; } .footer .first-row .first-column .footer-social-networks .facebook-icon img { max-width: 9px; } .footer .first-row .first-column .footer-social-networks .instagram-icon img { max-width: 15px; } .footer .first-row .first-column .footer-social-networks .youtube-icon img { max-width: 18px; } .footer .first-row .second-column .footer-items-container { column-gap: 40px; } .footer .first-row .second-column .footer-items-container a { display: block; } .footer .first-row .third-column .phones-container { column-gap: 5px; } .footer .first-row .third-column .phones-container .divider-vertical-line { width: 1px; background: #000; height: 12px; display: block; } .footer .first-row .third-column .underline { text-decoration: underline; } .footer .first-row .third-column a.d-flex { column-gap: 5px; } .footer .first-row .third-column .location-icon { position: relative; top: 4px; } .footer .first-row .third-column .email-icon { position: relative; top: 2px; } .footer .copyright-text { font-size: 14px; margin-top: 20px; margin-bottom: 0; } .footer .copyright-text, .footer .copyright-text a { color: #9D9D9D; } .footer .copyright-text a:hover { color: var(--primary); } @media (min-width: 1920px) { .featured-properties-section .row .column-content .property-image { min-height: 430px; } } @media (max-width: 1600px) { .newsletter-section .row img { min-height: 360px; } } @media (max-width: 1420px) { .featured-properties-section .row .column-content .property-image { min-height: 470px; } } @media (max-width: 1380px) { h1 { font-size: 56px; } h2 { font-size: 36px; } h3 { font-size: 22px; } h4 { font-size: 18.50px; } p, a, button, li, input, textarea, select, span, label { font-size: 15px; } .header .desktop-menu .row .first-column a .site-logo { max-width: 104px; } .header .desktop-menu .row .first-column a .foundation-logo { max-width: 52px; } .header .desktop-menu .row .second-column ul { column-gap: 14px; } .properties-in-offer-section .second-row .second-column .column-content .basic-property-information-content h3 { font-size: 18px; } .properties-in-offer-section .second-row .first-column .column-content .featured-property-tag { font-size: 18px; } .our-services-section .row .second-column .inner-item img { max-width: 40px; } .marketing-of-ventures-section .first-row h3 { font-size: 28px; } .marketing-of-ventures-section .second-row img { max-width: 175px; } .newsletter-section .row .text-content { max-width: 430px; } .newsletter-section .row .text-content h2 { font-size: 46px; } .newsletter-form-popup .popup-body h4 { font-size: 19px; } .footer .first-row .first-column img { max-width: 160px; } } @media (max-width: 1240px) { .featured-properties-section .row .full-property-information-content { width: 80%; } } @media (min-width: 1321px) { .header.fixed-header { background: #fff; box-shadow: 0 2px 5px rgb(0 0 0 / 10%); -webkit-box-shadow: 0 2px 5px rgb(0 0 0 / 10%); } } @media (max-width: 1320px) { .desktop-menu { display: none; } .languages-content { display: none; } .header { position: relative; } .header .mobile-menu .row .first-column a { column-gap: 10px; } .header .mobile-menu .row .first-column .site-logo { max-width: 160px; } .header .mobile-menu .row .first-column .foundation-logo { max-width: 80px; } .header .mobile-menu { display: block; } .mobile-menu .first-row .second-column .menu-burguer { cursor: pointer; display: grid; row-gap: 5px; background: none; border: none; padding: 0; } .mobile-menu .first-row .second-column .bar { width: 35px; height: 4px; background: var(--primary); display: block; } .mobile-menu .second-row { display: none; box-shadow: 0 2px 5px rgb(0 0 0 / 10%); --webkit-box-shadow: 0 2px 5px rgb(0 0 0 / 10%); position: absolute; border-top: 3px solid var(--primary); background: #fff; width: 100%; z-index: 9999; margin-top: 20px; } .mobile-menu .second-row .navbar li a, .mobile-menu .second-row .navbar li p { margin: 0;font-weight: 500; display: block; padding: 18px 30px; border-bottom: 1px solid #eee; } .mobile-menu .second-row .navbar li a:hover { background: var(--primary); border-bottom-color: var(--primary); color: #fff; } .mobile-menu .second-row .navbar li:last-child a { border-bottom: 0; } .mobile-menu .second-row .navbar .social-networks-container { border-bottom: 1px solid #eee; } .mobile-menu .second-row .navbar .social-networks-container a { border-bottom: 0; } .mobile-menu .second-row .navbar .social-networks-container a { padding: 0 } .mobile-menu .second-row .navbar .social-networks-container a img { padding: 18px 10px; } .mobile-menu .second-row .navbar .social-networks-container a:first-child img { padding-left: 30px; } .mobile-menu .second-row .navbar .social-networks-container .youtube-icon { position: relative; top: 2px; } .mobile-menu .second-row .navbar .social-networks-container a:hover { background: #fff; } .mobile-menu .second-row .navbar .social-networks-container .instagram-icon { position: relative; top: 1px; } .mobile-menu .second-row .navbar .social-networks-container .facebook-icon img { max-width: 9px; } .mobile-menu .second-row .navbar .social-networks-container .instagram-icon img { max-width: 15px; } .mobile-menu .second-row .navbar .social-networks-container .youtube-icon img { max-width: 18px; } .mobile-menu .second-row .navbar .flags-menu-bar { justify-content: flex-start; } .mobile-menu .second-row .navbar .flags-menu-bar a { padding: 18px 12px; } .mobile-menu .second-row .navbar .flags-menu-bar a:hover { background: #fff; } .mobile-menu .second-row .navbar .flags-menu-bar a:first-child { padding-left: 30px; } .footer .first-row { flex-wrap: wrap; } .footer .first-row .column { width: 100%; text-align: center; } .footer .first-row .first-column img { margin: auto; } .footer .first-row .first-column .footer-description { max-width: 700px; margin: auto; margin-top: 30px; } .footer .first-row .first-column .footer-social-networks { justify-content: center; margin-top: 20px; } .footer .first-row .second-column .footer-items-container, .footer .first-row .third-column a.d-flex, .footer .first-row .third-column .phones-container { justify-content: center; } .footer .copyright-text { margin-top: 30px; margin-bottom: 0; } } @media (max-width: 992px) { .tdf-link-icon, .fixed-whatsapp-icon, .appStore, .googleStore { top: 200px; } .home-banner-section { height: 660px; } .home-banner-section .home-banner-content { top: 60%; transform: translateY(-60%) translateX(-50%); width: 80%; } .home-banner-section .home-banner-content form .form-group-container { flex-wrap: wrap; flex-direction: column; } .home-banner-section .home-banner-content form .form-group-container .form-group { width: 100%; } .home-banner-section .home-banner-content form .divider-vertical-line { display: none; } .home-banner-section .home-banner-content form select { min-width: 100%; background-position-x: calc(100% - 30px) !important; } .home-banner-section .home-banner-content form button { transition: all 0s; background: var(--primary); margin-left: 0; width: 100%; justify-content: space-between; padding: 13.5px 30px; } .home-banner-section .home-banner-content form button span { display: block; } .featured-properties-section .row .column-content .property-image { min-height: 300px; } .featured-properties-section .row .full-property-information-content { display: none; } .properties-in-offer-section .second-row { flex-wrap: wrap; } .properties-in-offer-section .second-row .column { width: 100%; flex: auto; } .our-services-section .row { flex-wrap: wrap; } .our-services-section .row .column { width: 100%; } .our-services-section .row .first-column { text-align: center; } .our-services-section .row .second-column { margin-top: 30px; } .newsletter-section .row .text-content { width: 100%; margin-left: 0; max-width: 80%; left: 50%; transform: translateX(-50%) translateY(-50%); text-align: center; padding-left: 0; } .newsletter-section .row .text-content span { margin: auto; margin-top: 20px; } } @media (max-width: 840px) { .featured-properties-section .global-content { margin-right: calc((100vw - min(1200px, 80vw)) / 2); } .featured-properties-slider .slick-dots { margin-right: auto; } .testimonials-section .full-inner-block { margin-right: calc((100vw - min(1200px, 80vw)) / 2); } .testimonials-section .testimonials-slider .slick-dots { margin-right: auto; } } @media (max-width: 575px) { h1 { font-size: 44px; } .header .mobile-menu .row .first-column .site-logo { max-width: 140px; } .header .mobile-menu .row .first-column .foundation-logo { max-width: 65px; } .sites-links-section .marquee-content { transform: none !important; flex-direction: column; animation-play-state: paused; flex-wrap: wrap; justify-content: center; width: 80%; margin: auto; gap: 10px; } .sites-links-section .marquee-content a { width: 100%; max-width: 360px; display: none; } .sites-links-section .marquee-content a:nth-child(-n+5) { display: flex; margin: auto; } .featured-properties-section .row .full-property-information-content { width: 100%; } .featured-properties-section .row .full-property-information-content { border-top-right-radius: 30px; border-bottom-right-radius: 30px; } .properties-in-offer-section .second-row .second-column .columns-content-container { flex-wrap: wrap; } .properties-in-offer-section .second-row .second-column .columns-content-container .column-content { flex: auto; } .properties-in-offer-section .second-row .column .first-column-content .property-image, .properties-in-offer-section .second-row .column .second-column-content .property-image { height: 300px; } .our-services-section .row .second-column .inner-item { width: 100%; } .newsletter-section .row .text-content h2 { font-size: 34px; } .newsletter-section .row img { min-height: 300px; } .footer .first-row .first-column img { max-width: 140px; } .footer .first-row .second-column .footer-items-container { flex-direction: column; } } /* end home page styles */ /* about us page styles */ .our-team-section .row { padding: 70px 0; column-gap: 30px; } .our-team-section .row .column { width: 50%; } .our-team-section .row .first-column img { width: 100%; border-radius: 30px; min-height: 550px; object-fit: cover } .our-team-section .row .second-column h2 { margin-top: 5px; } .our-team-section .row .second-column h2 span { color: var(--primary); display: inline; } .our-team-section .row .second-column p { margin-top: 20px; margin-bottom: 0; } .recognized-company-section { padding: 50px 0; background: var(--primary); } .recognized-company-section .star-icon { margin: auto; } .recognized-company-section h2 { margin-top: 20px; } .recognized-company-section p { margin-top: 20px; margin-bottom: 0; } .recognized-company-section a { margin: auto; margin-top: 25px; column-gap: 7px; } .our-trajectory-section { padding: 70px 0; } .our-trajectory-section .row { column-gap: 30px; } .our-trajectory-section .row .column { width: 50%; } .our-trajectory-section .row .first-column h2 { margin-top: 5px; } .our-trajectory-section .row .first-column h2 span { color: var(--primary); display: inline; } .our-trajectory-section .row .first-column p { margin-top: 20px; margin-bottom: 0; } .our-trajectory-section .row .second-column img { width: 100%; border-radius: 30px; } .about-us-main-content .newsletter-section { padding-top: 70px; } @media (max-width: 1380px) { .our-team-section .row .first-column img { min-height: 480px; } .recognized-company-section .star-icon { max-width: 85px; } } @media (max-width: 992px) { .our-team-section .row { flex-wrap: wrap; } .our-team-section .row .column { width: 100%; } .our-team-section .row .first-column img { min-height: auto; } .our-trajectory-section .row { flex-wrap: wrap; flex-direction: column-reverse; } .our-trajectory-section .row .column { width: 100%; } .our-trajectory-section .row .first-column { margin-top: 30px; } } /* end about us page styles */ /* appraisals page styles */ .appraisals-section { padding-top: 70px; } .appraisals-section .form-container { padding: 55px 0; box-shadow: 0 10px 16px rgb(0 0 0 / 20%); -webkit-box-shadow: 0 10px 16px rgb(0 0 0 / 20%); border-radius: 30px; margin: 0 50px; background: #F2F0F0; } .appraisals-section .form-container .container { width: calc(80% + 100px); } .appraisals-section .form-container h4 { font-size: 23px; margin-bottom: 20px; } .appraisals-section .form-container .form-row { column-gap: 20px; margin-top: 15px; align-items: baseline; } .appraisals-section .form-container .form-row input[type="text"], .appraisals-section .form-container .form-row textarea { color: #000; outline: none; box-sizing: border-box; padding: 10px 23px; width: 100%; border-radius: 200px; border: 0; } .appraisals-section .form-container .form-row textarea { height: 160px; border-radius: 30px; resize: none; } .appraisals-section .form-container .form-row input[type="text"]::placeholder, .appraisals-section .form-container .form-row textarea::placeholder { color: #949293; } .appraisals-section .form-container .form-row label { color: #949293; } .appraisals-section .form-container .form-row .form-column { width: 50%; display: grid; row-gap: 15px; } .appraisals-section .form-container .form-row .form-column p { margin: 0; } .appraisals-section .form-container .form-row .form-column .inner-content { column-gap: 12px; } .appraisals-section .form-container .form-row .form-column button { cursor: pointer; column-gap: 7px; } .appraisals-section .form-container .form-row .form-column button img { filter: brightness(0) invert(1); max-width: 10px; } .contact-options-section { padding: 70px 0; } .contact-options-section .row { column-gap: 30px; } .contact-options-section .row .column { width: 33.3%; } .contact-options-section .row .column .main-icon { margin: auto; margin-bottom: 25px; max-width: 125px; } .contact-options-section .row .column p { margin: 0; } .contact-options-section .row .column:last-child p { column-gap: 7px; } .contact-options-section .row .column a:hover { color: var(--primary); } @media (max-width: 1380px) { .appraisals-section .form-container h4 { font-size: 19px; } .contact-options-section .row .column .main-icon { max-width: 105px; } } @media (max-width: 1280px) { .contact-options-section .row { flex-wrap: wrap; justify-content: center; row-gap: 30px; } .contact-options-section .row .column { width: calc(50% - 15px); } } @media (max-width: 992px) { .appraisals-section .form-container .container { width: auto; margin: 0 30px; } .appraisals-section .form-container .form-row { flex-wrap: wrap; } .appraisals-section .form-container .form-row .form-column { width: 100%; } .appraisals-section .form-container .form-row .form-column:last-child { margin-top: 20px; } } @media (max-width: 800px) { .contact-options-section .row .column { width: 100%; } .appraisals-section .form-container .form-row .form-column .inner-content { flex-wrap: wrap; } .appraisals-section .form-container .form-row .form-column:last-child .inner-content { flex-direction: column; } .appraisals-section .form-container .form-row .form-column:last-child .inner-content label { margin-top: 12px; } } /* end appraisals page styles */ /* developments page styles */ .developments-list-section { padding: 70px 0; } .developments-list-section .row { column-gap: 20px; row-gap: 20px; } .developments-list-section .row .column { width: calc(50% - 10px); } .developments-list-section .row .column figure { overflow: hidden; border-top-left-radius: 30px; border-top-right-radius: 30px; } .developments-list-section .row .column img { width: 100%; height: 340px; object-fit: cover; transition: all 0.6s; } .developments-list-section .row .column:hover img { transform: scale(1.10); } .developments-list-section .row .column:hover button { background: #000; } .developments-list-section .row .column .text-content { border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; background: #F2F0F0; padding: 30px; box-sizing: border-box; } .developments-list-section .row .column .text-content button { cursor: pointer; display: table; margin: auto; } .developments-list-section .row .column .property-short-description { margin-top: 10px; margin-bottom: 0; } .developments-list-section .row .column .property-description { margin-top: 5px; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } @media (max-width: 1200px) { .developments-list-section .row .column { width: 100%; } } @media (max-width: 768px) { .developments-main-content h1 { font-size: 42px; } } @media (max-width: 575px) { .developments-main-content h1 { font-size: 35px; } } /* end developments page styles */ /* property page styles */ .breadcrumb-section { padding-top: 140px; padding-bottom: 20px; } .breadcrumb-section .row { column-gap: 5px; } .breadcrumb-section .row a:hover { color: var(--primary); } .breadcrumb-section .row p { margin: 0; } .property-details-section .first-row { column-gap: 7px; } .property-social-networks-content { column-gap: 10px; } .property-social-networks-content p { margin-top: 0; margin-bottom: 0; } .property-social-networks-content a { font-size: 18px; position: relative; top: 2px; } .property-social-networks-content a:hover { color: var(--primary); } .property-details-section .property-category { background: var(--primary); padding: 4px 30px; border-radius: 20px; } .property-details-section .property-title { font-size: 45px; } .property-details-section .property-location-content img { margin-right: 7px; } .property-details-section .property-location-content .location-text { color: var(--primary); } .property-details-section .mobile-property-images-gallery { display: none; } .property-details-section .mobile-property-images-gallery .slick-prev, .property-details-section .mobile-property-images-gallery .slick-next { z-index: 999; } .property-details-section .mobile-property-images-gallery .slick-prev { left: 30px; } .property-details-section .mobile-property-images-gallery .slick-next { right: 30px; } .property-details-section .mobile-property-images-gallery .slick-arrow { width: 30px; min-width: 30px; height: 30px; border-radius: 50%; background: var(--primary); } .property-details-section .mobile-property-images-gallery .slick-arrow:hover { background: var(--secondary); } .property-details-section .mobile-property-images-gallery .slick-arrow i { color: #fff; font-size: 12px; } .property-details-section .mobile-property-images-gallery .slick-prev:before, .property-details-section .mobile-property-images-gallery .slick-next:before { content: none !important; } .property-details-section .property-images-gallery { margin: 0 50px; margin-top: 15px; } .property-details-section .property-images-gallery .featured-property-tab { margin: 0; position: absolute; top: 25px; left: 25px; background: #fff; color: #000; font-size: 22px; padding: 4px 20px; border-radius: 30px; box-sizing: border-box; } .property-details-section .property-images-gallery .property-image { width: 100%; height: 100%; object-fit: cover; object-position: right bottom; } .property-details-section .property-images-gallery .property-image-two { width: 100%; height: 100%; object-fit: cover; object-position: right bottom; } .property-details-section .property-images-gallery .fifth-images-content { overflow: hidden; } .property-details-section .property-images-gallery .fifth-images-content .inner-row { column-gap: 20px; } .property-details-section .property-images-gallery .fifth-images-content .inner-row .inner-column { width: 50%; } .property-details-section .property-images-gallery .fifth-images-content .inner-row .second-inner-column { display: flex; flex-direction: column; gap: 20px; } .property-details-section .property-images-gallery .fifth-images-content .inner-row .inner-sub-row { flex: 1; column-gap: 20px; } .property-details-section .property-images-gallery .fifth-images-content .inner-row .two-content { } .property-details-section .property-images-gallery .fifth-images-content .inner-row .inner-subcolumn { width: 100%; } .property-details-section .property-images-gallery .fourth-images-content { overflow: hidden; } .property-details-section .property-images-gallery .fourth-images-content .inner-row { column-gap: 20px; height: 670px; } .property-details-section .property-images-gallery .fourth-images-content .inner-row .inner-column { display: grid; row-gap: 20px; width: 50%; } .property-details-section .property-images-gallery .fourth-images-content .inner-row .inner-subcolumn { width: 100%; height: 335px; } .property-details-section .property-images-gallery .third-images-content .inner-row { column-gap: 20px; } .property-details-section .property-images-gallery .third-images-content .inner-row .inner-column { max-height: 720px; width: 50%; } .property-details-section .property-images-gallery .third-images-content .inner-row .second-inner-column .inner-subcolumn:last-child { margin-top: 20px; } .property-details-section .property-images-gallery .third-images-content .inner-row .inner-sub-row { height: calc(100% - 40px); margin-top: 20px; column-gap: 20px; row-gap: 20px; } .property-details-section .property-images-gallery .third-images-content .inner-row .inner-subcolumn { height: calc(50% - 10px); } .property-details-section .property-images-gallery .second-images-content .inner-row { column-gap: 20px; } .property-details-section .property-images-gallery .second-images-content .inner-row .inner-column { max-height: 720px; width: 50%; } .property-details-section .property-images-gallery .first-images-content .inner-row .inner-column { max-height: 720px; width: 100%; } .property-details-section .property-features-content { padding-top: 15px; } .property-details-section .property-features-content .property-feature-block { margin: 0 50px; column-gap: 20px; row-gap: 20px; } .property-details-section .property-features-content .property-feature-block h4 { min-width: 220px; justify-content: center; font-size: 18px; column-gap: 7px; padding: 4px 20px; box-sizing: border-box; border: 1px solid #000; border-radius: 200px; } .property-details-section .property-features-content .property-feature-block img { max-width: 22px; } .property-details-section .fourth-row { padding-top: 50px; column-gap: 30px; } .property-details-section .fourth-row .column { width: 50%; } .property-details-section .fourth-row .first-column { text-align: justify; } .property-details-section .fourth-row .second-column .column-content { display: grid; row-gap: 20px; } .property-details-section .fourth-row .second-column .inner-row { column-gap: 15px; } .property-details-section .fourth-row .second-column .inner-column { padding: 30px; box-sizing: border-box; border-radius: 30px; width: 100%; } .property-details-section .fourth-row .second-column .property-details-price-column { background: #E6E6E6; border: 1px solid #E6E6E6; } .property-details-section .fourth-row .second-column .property-details-expenses-column { border: 1px solid #000; } .property-details-section .fourth-row .second-column .property-details-amenities-column { padding: 30px; box-sizing: border-box; border-radius: 30px; background: var(--primary); border: 1px solid var(--primary); } .property-details-section .fourth-row .second-column .property-details-antiquity-column { background: #000; border: 1px solid #000; } .property-details-section .fourth-row .second-column .property-details-extra-attributes { gap: 15px; } .property-details-section .fourth-row .second-column .property-details-extra-attributes .inner-column { flex: 1; min-width: calc(50% - 15px); background: #000; border: 1px solid #000; } .property-details-section .fourth-row .second-column .property-details-publish-date-column { background: #E6E6E6; border: 1px solid #E6E6E6; } .property-details-section .fourth-row .second-column .inner-column h3 { margin-top: 5px; } .property-details-section .fourth-row .second-column .property-details-amenities-column .amenities-content-block { column-gap: 20px; margin-top: 20px; row-gap: 7px; } .property-details-section .fourth-row .second-column .property-details-amenities-column .amenities-content-block p { column-gap: 7px; width: calc(50% - 10px); margin: 0; } .property-details-video-section { padding-top: 30px; padding-bottom: 70px; } .property-details-video-section iframe { border-radius: 30px; display: block; width: 100%; object-fit: cover; } .property-details-video-section .video-play-icon { position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); z-index: 99; cursor: pointer; } .property-related-properties-section { padding-top: 70px; padding-bottom: 70px; } .property-related-properties-section #map { width: 100%; height: 550px; } @media (max-width: 1380px) { .property-details-section .property-images-gallery .featured-property-tab { font-size: 18px; } .property-details-section .property-features-content .property-feature-block h4 { font-size: 16px; } .property-details-video-section .video-play-icon { max-width: 85px; } } @media (max-width: 1320px) { .property-details-section .property-features-content .property-feature-block { max-width: 1200px; width: 80%; margin: auto; flex-direction: column; justify-content: center; } .property-details-section .property-features-content .property-feature-block h4 { width: 100%; justify-content: center; margin: auto; } } @media (max-width: 1200px) { .breadcrumb-section { padding-top: 40px; } } @media (max-width: 992px) { .property-details-section .fourth-row { flex-wrap: wrap; } .property-details-section .fourth-row .column { width: 100%; } .property-details-section .fourth-row .second-column { margin-top: 30px; } .property-details-section .desktop-property-images-gallery { display: none; } .property-details-section .mobile-property-images-gallery { display: block; } } @media (max-width: 575px) { .property-details-section .fourth-row .second-column .inner-row { flex-wrap: wrap; row-gap: 15px; } .property-details-section .fourth-row .second-column .inner-row .inner-column { width: 100%; flex: auto; } } @media (max-width: 470px) { .property-details-section .property-features-content .property-feature-block h4 { width: 100%; justify-content: center; } .property-details-section .fourth-row .second-column .property-details-amenities-column .amenities-content-block p { width: 100%; } .property-details-video-section video { min-height: 330px; } } /* end property page styles */ /* category page styles */ .internal-banner { background-image: url(../images/banners/rentals-banner.webp); background-position: center; padding-top: 170px; padding-bottom: 100px; background-size: cover; background-repeat: no-repeat; background-position: 92% 37%;; } .sales-banner.sales-banner { background-image: url(../images/banners/sales-banner.webp); } .sales-banner.rentals-banner { background-image: url(../images/banners/rentals-banner.webp); } .category-filters-section { padding-top: 70px; } .category-filters-section .form-container { padding: 30px 0; box-shadow: 0 10px 16px rgb(0 0 0 / 20%); -webkit-box-shadow: 0 10px 16px rgb(0 0 0 / 20%); border-radius: 30px; margin: 0 50px; background: #F2F0F0; } .category-filters-section .form-container .container { width: calc(80% + 100px); } .category-filters-section .form-container h4 { font-size: 23px; margin-bottom: 20px; } .category-filters-section .form-container .form-row { column-gap: 15px; } .category-filters-section .form-container .form-column { width: 33.3%; } .category-filters-section .form-container .form-column select, .category-filters-section .form-container .form-column input { border-color: #000; outline: none; color: #000; border-radius: 200px; width: 100%; padding: 10px 20px; background: transparent; } .category-filters-section .form-container .form-column select.customized-select { padding: 10px 60px; } .category-filters-section .form-container .form-column select { background-position-x: calc(100% - 20px) !important; } .category-filters-section .form-container .form-column .filtering-select:not(:has(option[value=""]:checked)) { background-color: var(--primary); border-color: var(--primary); color: #fff; background-image: url(../images/select-cross-icon.svg) !important; background-position-y: 17px !important; } .category-filters-section .form-container .form-column .filtering-select:not(:has(option[value=""]:checked)) option { background: #fff; color: #000; } .category-filters-section .form-container .form-column input { border: 1px solid #000; width: 100%; padding: 10px 50px; } .category-filters-section .form-container .input-column { width: 40%; } .category-filters-section .form-container .form-column img { max-width: 28px; left: 20px; top: 12px; position: absolute; } .category-filters-section .form-container .form-column .customized-form-column { border: 1px solid #000; border-radius: 200px; padding: 10px 20px; box-sizing: border-box; column-gap: 20px; } .category-filters-section .form-container .form-column .customized-form-column p { margin: 0; } .category-filters-section .form-container .second-form-row { margin-top: 15px; } .category-filters-section .form-container .second-form-row .first-form-column { width: 60%; } .category-filters-section .form-container .second-form-row .first-form-column .content-block { column-gap: 5px; } .category-filters-section .form-container .form-column #slider-range { width: 80%; height: 5px; border: 0; } .ui-slider .ui-slider-range { background: #C0C0C0; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border-radius: 50%; background: var(--primary) !important; border: 0 !important; width: 15px !important; height: 15px !important; } .category-filters-section .form-container .filter-by-select-form { width: 40%; border: 1px solid #000; border-radius: 200px; padding: 10px 20px; box-sizing: border-box; } .category-filters-section .form-container .filter-by-select-form p { width: 100px; margin: 0; } .category-filters-section .form-container .filter-by-select-form select { border: none; padding: 0; padding-left: 5px; background-position-y: 9px !important; background-position-x: 100% !important; } .category-filters-section .form-container button { cursor: pointer; margin-top: 25px; width: 33.3%; padding: 10px 20px; column-gap: 7px; max-width: 200px; } .category-filters-section .form-container button img { filter: brightness(0) invert(1); max-width: 10px; } .category-properties-list-section { padding-top: 70px; padding-bottom: 70px; } .category-properties-list-section .row { column-gap: 20px; row-gap: 20px; } .category-properties-list-section .row .column { width: calc(33.3% - 14px); } .category-properties-list-section .row .column figure { overflow: hidden; border-top-left-radius: 30px; border-top-right-radius: 30px; } .category-properties-list-section .row .column .property-image { width: 100%; height: 230px; object-fit: cover; object-position: center; transition: all 0.6s; } .category-properties-list-section .row .column:hover .property-image { transform: scale(1.10); } .category-properties-list-section .row .column:hover button { background: #000; } .category-properties-list-section .row .column .text-content { background: #F2F0F0; padding: 30px; box-sizing: border-box; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; height: calc(100% - 230px); display: flex; flex-direction: column; } .category-properties-list-section .row .column .text-content p { margin: 0; } .category-properties-list-section .row .column .text-content .property-location { margin-top: 5px; } .category-properties-list-section .row .column .text-content .property-features-content { column-gap: 10px; row-gap: 10px; margin-top: 10px; } .category-properties-list-section .row .column .text-content .property-feature-item { column-gap: 10px; border: 1px solid #000; border-radius: 40px; padding: 6px 10px; } .category-properties-list-section .row .column .text-content .property-feature-item p { font-size: 13px; } .category-properties-list-section .row .column .text-content .property-current-price { margin-top: 10px; color: var(--primary); } .category-properties-list-section .row .column .text-content button { margin-top: 10px; cursor: pointer; } .category-properties-list-section .second-row { column-gap: 12px; margin-top: 50px; } .category-properties-list-section .second-row a { font-weight: bold; } .category-properties-list-section .second-row a:hover { color: var(--primary); } .category-properties-list-section .second-row a.active { color: #fff; background: var(--primary); width: 25px; text-align: center; height: 25px; line-height: 25px; border-radius: 5px; } @media (max-width: 1380px) { .category-filters-section .form-container h4 { font-size: 19px; } } @media (max-width: 1200px) { .internal-banner { padding-top: 120px; } .category-filters-section .form-container .second-form-row .first-form-column, .category-filters-section .form-container .filter-by-select-form { width: 50%; } } @media (max-width: 992px) { .category-filters-section .form-container .container { width: auto; margin: 0 30px; } .category-properties-list-section .row .column { width: calc(50% - 10px); } .category-filters-section .form-container .form-row { flex-wrap: wrap; row-gap: 15px; } .category-filters-section .form-container .form-column { width: 100%; } .category-filters-section .form-container .second-form-row .first-form-column, .category-filters-section .form-container .filter-by-select-form { width: 100%; } } @media (max-width: 768px) { .category-properties-list-section .row .column { width: 100%; } } @media (max-width: 575px) { .category-filters-section .form-container .form-column .customized-form-column, .category-filters-section .form-container .filter-by-select-form .d-flex { flex-wrap: wrap; flex-direction: column; } .category-filters-section .form-container .form-column .customized-form-column { row-gap: 10px; } .category-filters-section .form-container .filter-by-select-form p { margin-right: auto; } .category-filters-section .form-container .filter-by-select-form select { padding-left: 0; } .category-filters-section .form-container .form-column .customized-form-column, .category-filters-section .form-container .filter-by-select-form { border-radius: 25px; } .category-filters-section .form-container button { width: 100%; } .buttons-row { flex-direction: column; } .category-filters-section .form-container button, .clear-filters-button { width: 100%; max-width: 100%; } } /* end category page styles */ /* searcher page styles */ .category-filters-section #map { display: none; } .searcher-main-content .category-filters-section .form-container { padding: 30px 0; position: relative; } .category-properties-list-section .main-properties-row { column-gap: 20px; margin-bottom: 20px; } .category-properties-list-section .main-properties-row .column { width: 50%; display: flex; } .category-properties-list-section .main-properties-row .column .column-content { width: 100%; } .category-properties-list-section .main-properties-row .column .column-content > a { display: block; height: 100%; } .category-properties-list-section .main-properties-row .column .full-property-information-content { border-top-left-radius: 30px; border-bottom-left-radius: 30px; opacity: 0; transform: translateX(-100%); transition: all 0.25s ease; pointer-events: none; padding: 30px; box-sizing: border-box; background: #F2F0F0; position: absolute; left: 0; top: 0; width: 50%; height: 100%; z-index: 999; } .category-properties-list-section .main-properties-row .column .property-tag { margin-top: 0; margin-bottom: 8px; position: relative; left: auto; top: auto; width: fit-content; } .category-properties-list-section .main-properties-row .column .property-title { font-family: Halyard Display Medium; } .category-properties-list-section .main-properties-row .column .property-location { margin-top: 8px; margin-bottom: 0; } .category-properties-list-section .main-properties-row .column .property-short-description { margin-top: 8px; margin-bottom: 0; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .category-properties-list-section .main-properties-row .column .property-feature-item { column-gap: 10px; border: 1px solid #000; border-radius: 40px; padding: 6px 10px; } .category-properties-list-section .main-properties-row .column .property-features-content { margin-top: 15px; column-gap: 10px; row-gap: 10px; } .category-properties-list-section .main-properties-row .column .property-features-content p { margin: 0; font-size: 13px; } .category-properties-list-section .main-properties-row .column .property-current-price { margin-top: 10px; font-family: Halyard Display Medium; color: var(--primary); } .category-properties-list-section .main-properties-row .column .property-old-price { font-family: Halyard Display Light; } .category-properties-list-section .main-properties-row .column .property-link { cursor: pointer; display: table; margin-top: 10px; } .category-properties-list-section .main-properties-row .column .column-content:hover .full-property-information-content { opacity: 1; transform: scale(1); pointer-events: auto; } .category-properties-list-section .main-properties-row .column .property-tag { margin-top: 0; position: absolute; top: 30px; left: 30px; background: #000; padding: 4px 10px; border-radius: 20px; color: #fff; } .category-properties-list-section .main-properties-row .column .property-image { width: 100%; height: 100%; min-height: 520px; object-fit: cover; border-radius: 30px; } .category-properties-list-section .main-properties-row .column:hover .property-image { transform: scale(1); } .category-properties-list-section .main-properties-row .full-property-information-content .property-tag { margin-top: 0px; margin-bottom: 8px; position: relative; left: auto; top: auto; width: fit-content; } .category-properties-list-section .main-properties-row .black-shadow-effect { position: absolute; height: 100%; width: 100%; top: 0px; border-radius: 30px; background: linear-gradient(transparent 30%, rgba(0, 0, 0, 0.6)); } .category-properties-list-section .main-properties-row .basic-property-information-content { position: absolute; bottom: 30px; left: 30px; padding-right: 30px; z-index: 99; } @media (max-width: 1380px) { .category-properties-list-section .main-properties-row .column .full-property-information-content { width: 70%; } } @media (max-width: 1200px) { .category-properties-list-section .main-properties-row .column .property-image { min-height: 430px; } } @media (max-width: 992px) { .category-properties-list-section .main-properties-row { flex-wrap: wrap; } .category-properties-list-section .main-properties-row .column { width: 100%; } .category-properties-list-section .main-properties-row .column .property-image { min-height: 300px; } .category-properties-list-section .main-properties-row .column .full-property-information-content { display: none !important; } .category-properties-list-section .main-properties-row .column .property-tag { z-index: 99; } .category-properties-list-section .main-properties-row .column:last-child { margin-top: 20px; } } /* end searcher page styles */ /* contact page styles */ .contact-section .form-container .container { width: calc(80% + 100px); } .contact-section .form-container { position: relative; padding: 30px 0; box-shadow: 0 10px 16px rgb(0 0 0 / 20%); -webkit-box-shadow: 0 10px 16px rgb(0 0 0 / 20%); border-radius: 30px; margin: 0 50px; background: #F2F0F0; margin-top: -150px; } .contact-section .form-container h4 { font-size: 23px; margin-bottom: 20px; } .contact-section .form-container .form-row { column-gap: 20px; margin-top: 15px; align-items: baseline; } .contact-section .form-container .form-row .form-column { width: 50%; display: grid; row-gap: 15px; } .contact-section .form-container .form-row input[type="text"], .contact-section .form-container .form-row textarea { color: #000; outline: none; box-sizing: border-box; padding: 10px 23px; width: 100%; border-radius: 200px; border: 0; } .contact-section .form-container .form-row textarea { height: 100px; border-radius: 30px; resize: none; } .contact-section .form-container .form-row .form-column .inner-content { column-gap: 12px; } .contact-section .form-container .form-row .form-column button { cursor: pointer; column-gap: 7px; } .contact-section .form-container .form-row .form-column button img { filter: brightness(0) invert(1); max-width: 10px; } .contact-section .form-container .form-row label { color: #949293; } .contact-section #map { width: 100%; height: 450px; filter: grayscale(1); } @media (max-width: 1380px) { .contact-section .form-container h4 { font-size: 19px; } } @media (max-width: 992px) { .contact-section .form-container .container { width: auto; margin: 0 30px; } .contact-section .form-container .form-row { flex-wrap: wrap; } .contact-section .form-container .form-row .form-column { width: 100%; } .contact-section .form-container .form-row .second-form-column { margin-top: 15px; } } @media (max-width: 800px) { .contact-section .form-container .form-row .form-column:last-child .inner-content { flex-wrap: wrap; flex-direction: column; } .contact-section .form-container .form-row .form-column:last-child .inner-content label { margin-top: 12px; } } /* end contact page styles */ /* development page styles */ .development-main-content .development-description-content .fourth-row { padding-top: 0; } .development-description-content { padding-top: 50px; } .development-features-container { margin-top: 10px; } .development-features-content { column-gap: 15px; } .development-features-content .development-featured-item { width: 25%; background: #E6E6E6; border: 1px solid #E6E6E6; padding: 30px; box-sizing: border-box; border-radius: 30px; } .development-features-content .development-featured-item.development-expenses-featured-item { background: #000; border: 1px solid #000; } .development-amenities-container .row { padding: 30px 0; column-gap: 20px; } .development-amenities-container .row .development-amenities-content, .development-amenities-container .row .development-amenities-description { border-radius: 30px; background: var(--primary); padding: 30px; box-sizing: border-box; width: 50%; } .development-amenities-container .row .development-amenities-description p:first-child { margin-top: 0; } .development-amenities-container .row .development-amenities-description p:last-child { margin-bottom: 0; } .development-amenities-container .row .development-amenities-content .amenities-content-block { column-gap: 20px; margin-top: 20px; row-gap: 7px; } .development-amenities-container .row .development-amenities-content .amenities-content-block p { column-gap: 7px; width: calc(50% - 10px); margin: 0; } .development-main-content .property-details-video-section { padding-top: 0; } @media (max-width: 992px) { .development-description-content .second-column { margin-top: 0 !important; } .development-features-content { flex-wrap: wrap; row-gap: 15px; } .development-features-content .development-featured-item { width: calc(50% - 7.5px); } .development-amenities-container .row { flex-wrap: wrap; } .development-amenities-container .row .development-amenities-content, .development-amenities-container .row .development-amenities-description { width: 100%; } .development-amenities-container .row .development-amenities-description { margin-top: 20px; } } @media (max-width: 575px) { .development-features-content .development-featured-item { width: 100%; } } @media (max-width: 470px) { .development-amenities-container .row .development-amenities-content .amenities-content-block p { width: 100%; } } /* end development page styles */ /* tax advantages page styles */ .real-state-in-tierra-del-fuego-section { padding: 70px 0; } .real-state-in-tierra-del-fuego-section .row { column-gap: 50px; } .real-state-in-tierra-del-fuego-section .row .column { width: 50%; } .real-state-in-tierra-del-fuego-section .row .first-column .divider-horizontal-line { display: block; width: 50px; height: 2px; background: var(--primary); margin-top: 20px; margin-bottom: 30px; } .real-state-in-tierra-del-fuego-section .row .second-column img { width: 100%; min-height: 585px; object-fit: cover; } .benefits-of-investing-in-tierra-del-fuego-section { padding: 70px 0; background: #f9f9f9; } .benefits-of-investing-in-tierra-del-fuego-section .row { column-gap: 50px; margin-top: 50px; } .benefits-of-investing-in-tierra-del-fuego-section .row .column { width: 50%; } .benefits-of-investing-in-tierra-del-fuego-section .row .column .divider-horizontal-line { display: block; width: 50px; height: 2px; background: var(--primary); margin-top: 20px; margin-bottom: 30px; } .benefits-of-investing-in-tierra-del-fuego-section .row .column img { width: 100%; } @media (max-width: 992px) { .real-state-in-tierra-del-fuego-section .row { flex-wrap: wrap; } .real-state-in-tierra-del-fuego-section .row .column { width: 100%; } .real-state-in-tierra-del-fuego-section .row .second-column { margin-top: 30px; } .real-state-in-tierra-del-fuego-section .row .second-column img { min-height: auto; } .benefits-of-investing-in-tierra-del-fuego-section .row { flex-wrap: wrap; } .benefits-of-investing-in-tierra-del-fuego-section .row .column { width: 100%; } .benefits-of-investing-in-tierra-del-fuego-section .row .second-column { margin-top: 30px; } .benefits-of-investing-in-tierra-del-fuego-section .row.reversed { flex-direction: column-reverse; } .benefits-of-investing-in-tierra-del-fuego-section .row.reversed .first-column { margin-top: 30px; } } /* end tax advantages page styles */ .internal-banner.venta {background: url('../images/ventas-bg.jpg'); background-size: cover; background-position: 100% 49%} .internal-banner.emprendimientos {background: url('../images/alojamiento-bg.jpg'); background-size: cover; background-position: 100% 49%} .dropdown-item:hover .dropdown { opacity: 1; } .dropdown-item {position: relative; cursor: pointer; } .dropdown-item .dropdown { display: none;position: absolute; opacity: 0; border-radius: 4px; min-width: 182px; } .dropdown-item .dropdown ul {background: rgb(192, 192, 192); margin-top: 36px; display: flex; flex-direction: column; row-gap: 1px; } .dropdown-item .dropdown a:hover { background: #fafafa; } .dropdown-item .dropdown a { padding: 12px 20px; display: block; background: white; } .dropdown-item .dropdown a:first-child() { padding-top: 24px; } .dropdown-item-mobile .fa-chevron-right { transition: 0.3s; margin-left: 5px; } .dropdown-item-mobile.active .fa-chevron-right {transform: rotate(90deg); } .dropdown-item-mobile .dropdown-mobile {position: relative; display: none;} .dropdown-item-mobile .dropdown-mobile li a {text-indent: 20px} .dropdown-item-mobile .dropdown-mobile li {padding-left: 0px} @media (max-width: 1380px) { .dropdown-item .dropdown ul { margin-top: 30px; } } /* article page styles */ .articles-list-section { padding-top: 190px; padding-bottom: 70px; } .articles-list-section h1 { font-family: 'Halyard Display Light'; } .articles-list-section .articles-list-slider-container { margin-top: 40px; } .articles-list-section .articles-list-slider-container .slick-list { margin: 0 -10px; } .articles-list-section .articles-list-slider-container .slick-slide { display: grid; margin: 0 10px; row-gap: 20px; } .articles-list-section .articles-list-slider-container .article-list-item figure { border-top-left-radius: 30px; border-top-right-radius: 30px; overflow: hidden; } .articles-list-section .articles-list-slider-container .article-list-item:hover img { transform: scale(1.1); } .articles-list-section .articles-list-slider-container img { transition: all 0.6s; width: 100%; } .articles-list-section .articles-list-slider-container .text-content { padding: 30px; box-sizing: border-box; background: #F2F0F0; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; } .articles-list-section .articles-list-slider-container .text-content h3 { font-family: 'Halyard Display Medium'; font-size: 23px; } .articles-list-section .articles-list-slider-container .text-content p { margin: 0; margin-top: 15px; } .articles-list-section .articles-list-slider-container .slick-dots { position: relative; margin-top: 50px; bottom: auto; } .articles-list-section .articles-list-slider-container .slick-dots li { margin: 0 2px; } .articles-list-section .articles-list-slider-container .slick-dots li:only-child { display: none; } .articles-list-section .articles-list-slider-container .slick-dots li button:before { font-size: 11px; opacity: 1; color: #ccc; } .articles-list-section .articles-list-slider-container .slick-dots li.slick-active button:before { color: var(--primary); } .article-breadcrumb-section { padding-top: 170px; padding-bottom: 30px; } .flex-column{flex-direction: column;} .article-breadcrumb-section .row { column-gap: 5px; } .article-breadcrumb-section .row p { margin: 0; } .article-breadcrumb-section .row a:hover { color: var(--primary); } .article-details-section .row .article-tag { background: #B0B0B0; color: #fff; border-radius: 22.5px; padding: 6px 25px; } .article-details-section .row h1 { margin-top: 12px; font-size: 45px; } .article-details-section .row h3 { margin-top: 12px; color: #B5B5B5; font-size: 23px; column-gap: 5px; } .article-details-section .second-row { padding: 20px 50px; } .article-details-section .first-second-row { padding-top: 70px; } .article-details-section .last-second-row { padding-bottom: 70px; } .article-details-section .second-row .column { width: 50%; } .article-details-section .second-row h3 { color: #000; } .article-details-section .second-row .column h2 { font-size: 33px; } .article-details-section .second-row .column img { width: 100%; max-height: 580px; object-fit: cover; } .article-details-section .second-row .column a { color: var(--primary); } .article-details-section .second-row .column .column-content { margin-left: 70px; margin-right: calc(((100vw - min(1200px, 80vw)) - 100px) / 2); } .article-details-section .second-row.reversed { flex-direction: row-reverse; } .article-details-section .second-row.reversed .column-content { margin-right: 70px; margin-left: calc(((100vw - min(1200px, 80vw)) - 100px) / 2); } .article-details-section .second-row .column .column-content h2 span { color: var(--primary); } .article-details-section .second-row .column .column-content p { margin-top: 20px; margin-bottom: 0; } @media (max-width: 1380px) { .article-details-section .row h1 { font-size: 36px; } .article-details-section .row h3 { font-size: 17px; } .article-details-section .second-row .column h2 { font-size: 27px; } } @media (max-width: 1320px) { .articles-list-section { padding-top: 70px; } .article-breadcrumb-section { padding-top: 50px; } } @media (max-width: 992px) { .articles-list-section { padding-bottom: 50px; } .article-details-section .second-row { flex-wrap: wrap; } .article-details-section .second-row .column { width: 100%; } .article-details-section .second-row .column .column-content { margin-left: 0; margin-right: 0; padding-top: 30px; } .article-details-section .second-row:not(.first-second-row) { padding-top: 40px; } .article-details-section .second-row .column img { min-height: auto; } } /* end article page styles */ .article-details-section li { list-style: initial; } .article-details-section ul { padding-left: 35px; margin-top: 15px; } .faqs-section { background: #F2F0F0; padding: 70px 0; } .faqs-section .main-title { color: #000; } .faqs-section .row { margin-top: 40px; } .faqs-section .tabs-container { display: grid; background: #fff; border-radius: 30px; row-gap: 20px; padding: 30px 50px 40px 50px; box-sizing: border-box; } .faqs-section .blog-faqs-styles { margin-top: 0; } .faqs-section .tab-header { padding-top: 10px; padding-bottom: 25px; cursor: pointer; border-bottom: 1px solid var(--primary); } .faqs-section .tab-body { display: none; padding-top: 10px; } .faqs-section .tabs-container h3 { font-weight: 500; font-size: 20px; } .faqs-section .tabs-container h3, .faqs-section .tabs-container p { color: #000; } .faqs-section .tabs-container i, .faqs-section .tabs-container a { color: var(--primary); } .faqs-section .tabs-container i { margin-right: 5px; } .faqs-section ~ .newsletter-section { margin-top: 70px; } @media (max-width: 1380px) { .faqs-section .tabs-container h3 { font-size: 16px; } } .article-details-section.press-version .first-column { max-width: 70%; width: 65%;} .article-details-section.press-version .second-column { max-width: 30%; width: 30%;} .article-details-section.press-version .article-content{margin-bottom: 40px;} .article-details-section.press-version .article-content h1{font-size: 40px; font-weight: 700; margin-bottom: 20px;} .article-details-section.press-version .article-content h2{font-size: 28px; font-weight: 700; margin: 20px 0;} .article-details-section.press-version .article-content img{width: 100%; margin-top: 20px;border-top-left-radius: 30px; border-top-right-radius: 30px} .article-details-section.press-version .article-content .img-content{width: 100%; border-top-left-radius: 30px; border-top-right-radius: 30px;} .article-details-section.press-version .article-content small{margin: 20px 0; display: block;} .column-gap-20{column-gap:20px} .row-gap-20{row-gap:20px} .column-gap-30{column-gap:30px} .row-gap-3{row-gap:30px} small{font-size: 14px; color: #949293;font-family: 'Montserrat', sans-serif; font-weight: 400;} .related-articles{margin-bottom: 12px;} .related-articles h4{font-size: 16px;} .related-articles .img-content{width: 100%; margin-bottom: 10px;} .related-articles .img-content img{width: 100%;border-top-left-radius: 30px;border-top-right-radius: 30px;} .flex-grow-1{flex-grow:1} .align-items-stretch{align-items: stretch;} .related-articles p{margin: 0; display: flex;} .related-articles a{color:white; border-radius:40px; background: var(--primary); transition: .8s; padding: 6px 11px; border: 1px solid var(--primary);} .related-articles a:hover{background:white; color:var(--primary)} .row-gap-10{row-gap:10px} .column-gap-10{column-gap:10px} .mb-4{margin-bottom: 20px;} .related-news-section{padding: 80px 0; background: #F2F0F0; margin-bottom: 40px;} .related-news-section h2{margin-bottom: 40px;} .related-news-section .card-related{background:white; border-radius: 30px;overflow: hidden;} .related-news-section .card-related img{width:100%;} .related-news-section .card-related .img-content{width: 100%;} .related-news-section .card-related .text-content{padding: 20px;} .related-news-section .card-related small{display:block; margin-bottom: 10px;} .related-news-section .card-related h4{font-size: 23px;font-weight: 700;} .tag-medio{position: absolute;top: 30px; left: 0; padding: 10px 12px; background:var(--primary); color: white; border-top-right-radius:30px; border-bottom-right-radius:30px;z-index: 999;} @media(max-width:1320px){ .article-details-section.press-version .first-column { max-width: 100%; width: 100%;} .article-details-section.press-version .second-column { display: none;} .related-news-section .card-related{display: none;} .related-news-section .card-related:first-child{display: block;} } /* Map styles */ #properties-map-view { width: 100%; background: #f8f8f8; margin-top: 30px; margin-bottom: 70px; } #properties-map-view #map { width: 100%; height: 100%; filter: grayscale(0.2); } .list-map-toggle-bar { padding: 16px 0 8px; } .toggle-view-button { width: 100%; justify-content: center; margin-top: 30px; padding: 9px 18px; background: #FBEAF0; border: 1.5px solid #D4537E;; color: var(--primary); cursor: pointer; display: flex; align-items: center; gap: 6px; font-size: 16px; transition: all 0.2s; border-radius: 200px; } .toggle-view-button span { color: var(--primary); } .toggle-view-button:hover { background: #F4C0D1; border: 1.5px solid #993556; color: var(--primary); } .toggle-view-button:hover span, .toggle-view-button:hover i { color: var(--primary); } .category-properties-list-section .row .column .text-content .property-address, .developments-list-section .row .column .text-content .property-address { margin-top: 3px; margin-bottom: 0; font-size: 13px; color: #888; } .category-properties-list-section .row .column .text-content .property-address .fa, .developments-list-section .row .column .text-content .property-address .fa { color: var(--primary); margin-right: 3px; } .map-filters-bar { max-width: 1200px; width: 80%; margin: auto; border-bottom: 1px solid #e0e0e0; padding: 20px; } .map-filters-inner { display: flex; justify-content: center; align-items: center; gap: 20px; flex-wrap: wrap; margin: 0 auto; } .map-filter-select { padding: 7px 36px 7px 14px; border: 1px solid #000; border-radius: 200px; font-size: 16px; background: #fff; min-width: 160px; appearance: none; -webkit-appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23333' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E")!important; background-repeat: no-repeat; background-position: right 14px center!important; cursor: pointer; } .map-filter-price { display: flex; align-items: center; gap: 6px; font-size: 16px; } .map-filter-input { width: 90px; padding: 7px 8px; border: 1px solid #000; border-radius: 200px; font-size: 16px; } .map-filter-input::placeholder { color: #000; } .map-filter-btn { padding: 7px 16px; background: var(--primary); color: #fff; border: none; border-radius: 200px; font-size: 16px; cursor: pointer; transition: opacity 0.2s; } .map-filter-btn:hover { background: #000; transition: 0.6s; } .map-filter-clear { padding: 7px 12px; background: transparent; color: #666; border: 1px solid #ccc; border-radius: 200px; font-size: 16px; cursor: pointer; } .map-filter-clear:hover { background: #000; color: #fff; } .map-split-wrapper { display: flex; height: 75vh; min-height: 500px; } .map-split-left { width: 35%; flex-shrink: 0; overflow-y: auto; border-right: 1px solid #e0e0e0; background: #fff; } .map-split-right { flex: 1; height: 75vh; min-height: 500px; } .map-split-right #map { width: 100%; height: 100%; min-height: 500px; } .map-list-card { border-bottom: 1px solid #eee; transition: background 0.15s; cursor: pointer; } .map-list-card:hover, .map-list-card.active { background: #f5f5f5; } .map-card-inner { display: flex; gap: 10px; padding: 12px; } .map-list-card img { width: 90px; height: 70px; object-fit: cover; border-radius: 6px; flex-shrink: 0; } .map-card-link { display: inline-block; margin-top: 5px; font-size: 14px; color: #BE1E2D; text-decoration: none; font-weight: 500; } .map-card-link:hover { text-decoration: underline; } .map-card-no-img { width: 90px; height: 70px; background: #ddd; border-radius: 6px; flex-shrink: 0; } .map-card-info { flex: 1; min-width: 0; } .map-card-title { font-size: 16px; font-weight: 600; margin: 0 0 3px; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; } .map-card-address { font-size: 14px; color: #000; margin: 0 0 3px; } .map-card-address .fa { color: var(--primary); margin-right: 3px; } .map-card-attrs { font-size: 11px; color: #666; margin: 0 0 3px; display: flex; flex-wrap: wrap; gap: 6px; } .map-card-price { font-size: 18px; font-weight: 600; color: var(--primary); margin: 0; } .map-list-loading, .map-no-results { padding: 20px; text-align: center; font-size: 13px; color: #888; } .video-tour-row { gap: 20px; flex-wrap: wrap; align-items: flex-start; } .video-tour-col-wrapper { flex: 1; min-width: 280px; } .video-tour-col { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; border-radius: 30px; box-shadow: 0 4px 16px rgba(0,0,0,0.1); } .video-tour-row > .video-tour-col { flex: 1; min-width: 280px; padding-bottom: 28.125%; height: 300px; } .video-tour-col iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .virtual-tour-hint { margin: 8px 0 0; font-size: 15px; color: #888; text-align: center; } @media(max-width: 1430px){ } @media (max-width: 992px) { .map-split-wrapper { flex-direction: column; height: auto; } .map-split-left { width: 100%; max-height: 300px; border-right: none; border-bottom: 1px solid #e0e0e0; } .map-split-right { height: 350px; } .map-card-info { margin-top: 15px; } .map-card-inner { display: block; text-align: center; } .map-card-attrs { justify-content: center; } .map-list-card img { margin: auto; } .video-tour-row > .video-tour-col { flex: auto; min-height: 350px; width: 100%; } .video-tour-col { min-height: 350px; padding-bottom: 0; } } @media (max-width: 768px) { } @media (max-width: 575px) { } @media (max-width: 490px) { } /* end map styles */