:root { --primary: #1D2D40; --secondary: #000; --terciary: #fff; } html, body { margin: 0; padding: 0; } html, body { overflow-x: hidden; } h1, .big-h2 { font-family: 'Josefin Sans'; font-size: 50px; font-weight: 300; line-height: 1; color: var(--terciary); } h2 { font-family: 'Josefin Sans'; font-size: 50px; font-weight: 400; line-height: 1; color: var(--primary); } h3 { font-family: 'Josefin Sans'; font-size: 30px; font-weight: 400; line-height: 1; color: var(--terciary); } h4 { font-family: 'Inter'; font-size: 16px; font-weight: 400; line-height: 1.3; color: var(--terciary); } h1, h2, h3, h4, h5, h6, p { margin: 0; } p, a, li, span, button, select, textarea, input { font-family: 'Inter'; font-size: 16px; font-weight: 400; color: var(--secondary); } img, iframe, video, figure { display: block; } a, button { text-decoration: none; transition: all 0.6s; } ul { padding: 0; margin: 0; } li { list-style: none; } input, textarea { border: 1px solid transparent; border-radius: 10px; resize: none; color: #666; padding: 12px 20px; box-sizing: border-box; box-shadow: 2px 2px 5px rgb(0 0 0 / 5%); width: 100%; } input:focus, textarea:focus { outline: none; border: 1px solid var(--primary); } textarea { height: 70px; } form { display: grid; row-gap: 15px; } form .form-group.d-flex { column-gap: 15px; } .container { width: 80%; max-width: 1200px; margin: auto; } .d-flex { display: flex; } .align-items-start { align-items: flex-start; } .align-items-center { align-items: center; } .justify-content-center { justify-content: center; } .justify-content-between { justify-content: space-between; } .justify-content-end { justify-content: end; } .position-relative { position: relative; } .light { font-weight: 300; } .regular { font-weight: 400; } .medium { font-weight: 500; } .semibold { font-weight: 600; } .bold { font-weight: 700; } .text-uppercase { text-transform: uppercase; } .text-center { text-align: center; } .text-right { text-align: right; } .white-color { color: #fff; } .inherit { font-size: inherit; font-family: inherit; line-height: inherit; } .spaced { letter-spacing: 2.2px; } .btn { border: 0; cursor: pointer; display: table; padding: 12px 15px; box-sizing: border-box; border-radius: 10px; color: #000; letter-spacing: 1.8px; text-align: center; } .btn-primary { background: var(--primary); } .btn-primary:hover { background: #FF0000; color: #fff; } .btn-primary img { transition: all 0.6s; } .btn-primary:hover img { filter: brightness(0) invert(1); } .btn-secondary { background: transparent; } .btn-secondary:hover { background: var(--primary); color: #fff; } .btn-terciary { background: #FF0000; color: #fff; } .btn-terciary img { filter: brightness(0) invert(1); } .contact-buttons-content { position: fixed; top: 50%; transform: translateY(-50%); right: 0; z-index: 999; } .contact-buttons-content a { border-top-left-radius: 10px; border-bottom-left-radius: 10px; color: #fff; display: block; min-width: 50px; width: 50px; height: 50px; line-height: 50px; text-align: center; font-size: 22px; } .contact-buttons-content a:hover { transform: scale(1.10); } .contact-buttons-content .whatsapp-link-icon { background: #25d366; } .contact-buttons-content .contact-link-icon { background: var(--secondary); margin-top: 5px; } /* home page styles */ .home-banner-section .big-velvet-logo { position: fixed; margin-top: 140px; width: 300px; z-index: 999; object-fit: cover; } .home-banner-section .content-image { max-width: 1200px; width: 80%; margin: auto; } .home-banner-section .home-banner-image { width: 100%; height: 100%; object-fit: cover; object-position: top; } .home-banner-section .home-banner-units-content { opacity: 0; position: absolute; bottom: 100px; left: 50%; transform: translateX(-50%); width: 80%; } .home-banner-section .home-banner-units-content .column { width: 100%; } .home-banner-section .home-banner-units-content .column h1 { max-width: 750px; margin: auto; text-align: center; margin-top: 30px; } .home-banner-section .home-banner-units-content .column h4 { max-width: 650px; margin: auto; margin-top: 30px; text-align: center; font-size: 24px; } .home-banner-section .home-banner-units-content .availability-text { margin-top: 225px; } .home-banner-section .home-banner-units-content .home-banner-p-styles { max-width: 150px; } .home-banner-section .home-banner-units-content a { margin: auto; margin-top: 30px; color: var(--terciary); } .home-banner-section .home-banner-units-content img { margin: auto; } .home-banner-section .velvet-grand-clean-banner-image { width: 100%; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; } .development-logos-section { padding-top: 30px; padding-bottom: 50px; background: var(--primary); } .development-logos-section .row .column { width: 33.3%; } .development-logos-section .row .column:last-child img { margin-left: auto; } .development-logos-section .row .column:nth-child(2) img { margin: auto; } .home-menu-section.fixed-header { position: fixed; width: 100%; z-index: 9999; top: 0; } .home-menu-content { background: rgba(0,0,0,0.50); padding: 30px 0; } .home-menu-section { position: fixed; width: 100%; z-index: 9999; width: 100%; top: 0; } .home-menu-section.fixed-header .home-menu-content { background: #343830;} .home-menu-section .row .menu-burguers-content { border: 1px solid #fff; display: grid; row-gap: 5px; padding: 12px 25px; box-sizing: border-box; border-radius: 100px; cursor: pointer; } .home-menu-section .row .menu-burguers-content .bar { width: 15px; height: 1px; display: block; background: #fff; } .home-menu-section .row .column { width: 33.3%; } .home-menu-section .row .column:last-child img { margin-left: auto; } .home-menu-section .row .menu-burguers-content { max-width: 66px; margin: auto; } .home-menu-section .menu-content-block .close-menu-burguers-content { position: absolute; left: 50%; transform: translateX(-50%); border: 1px solid #fff; padding: 18px 25px; box-sizing: border-box; border-radius: 100px; cursor: pointer; max-width: 66px; margin: auto; } .home-menu-section .menu-content-block .close-menu-burguers-content .bar { width: 15px; height: 1px; display: block; background: #fff; } .home-menu-section .menu-content-block .close-menu-burguers-content .bar-01 { transform: rotate(45deg); } .home-menu-section .menu-content-block .close-menu-burguers-content .bar-02 { transform: rotate(-45deg); position: relative; top: -1px; } .home-menu-section .menu-content-block { display: none; background: var(--primary); padding: 50px 0; } .home-menu-section .menu-content-block .row { column-gap: 160px; } .home-menu-section .menu-content-block .row .column { width: 50%; } .home-menu-section .menu-content-block .row .first-column img { margin: initial; } .home-menu-section .menu-content-block .row .first-column ul { margin-top: 80px; } .home-menu-section .menu-content-block .row .first-column ul li { margin-top: 20px; } .home-menu-section .menu-content-block .row .first-column ul li a{margin-top: 20px: } .home-menu-section .menu-content-block .row .first-column ul li a:not(.contact-menu-item) { font-size: 55px; font-family: 'Josefin Sans'; font-weight: 300; } .home-menu-section .menu-content-block .row .first-column ul li a:not(.contact-menu-item):hover { color: #FF0000; } .home-menu-section .menu-content-block .row .first-column ul li a.active { color: var(--terciary); text-decoration: underline; text-underline-offset: 10px; } .home-menu-section .menu-content-block .row .first-column ul li:last-child { margin-top: 16px; } .home-menu-section .menu-content-block .row .first-column .social-networks-content { margin-top: 100px; column-gap: 15px; } .home-menu-section .menu-content-block .row .first-column .social-networks-content li a { border: 1px solid #fff; border-radius: 50%; width: 40px; min-width: 40px; height: 40px; padding: 10px; font-size: 14px !important; } .home-menu-section .menu-content-block .row .first-column .social-networks-content li a:hover { border-color: #FF0000; } .home-menu-section .menu-content-block .row .first-column .social-networks-content li { margin-top: 0 !important; } .home-menu-section .menu-content-block .row .second-column { overflow: hidden; } .home-menu-section .menu-content-block .row .second-column .building-background-image { width: 100%; height: 100%; object-fit: cover; border-radius: 20px; } .home-menu-section .menu-content-block .row .second-column .toribio-achaval-big-logo { position: absolute; top: 50%; left: 0; transform: translateY(-50%); } .home-menu-section .menu-content-block .row .first-column .designed-broker{margin-top:20px; color:white} .home-menu-section .menu-content-block .row .first-column .designed-broker h4{margin-top:20px} .home-contact-form-section { background: #F9F7F2; padding-top: 100px; padding-bottom: 50px; } .home-contact-form-section .row { column-gap: 100px; } .home-contact-form-section .row .column { width: 50%; } .home-contact-form-section .row .first-column p { font-family: 'Josefin Sans'; } .home-contact-form-section .row .first-column h2 { margin-top: 30px; font-size: 44px; line-height: 1.3; } form { display: flex; flex-wrap: wrap; column-gap: 15px; row-gap: 15px; margin-top: 30px; } form .hs-form-field { width: calc(50% - 10px); } .contact-form-popup form .hs-form-field { width: 100%; } form .hs-message { width: 100%; } form .hs-main-font-element { color: #FF0000; } form button { width: 100px; } form .hs-button { transition: all 0.6s; cursor: pointer; background: #FF0000; font-weight: 500; color: #fff; letter-spacing: 1.8px; border-radius: 50px; text-transform: uppercase; font-size: 14px; font-family: 'Inter', sans-serif; border: none; } form .hs-button:hover { background: var(--secondary); color: #fff; } form .hs-error-msgs.inputs-list { display: none; margin-top: 0; } form .hs-error-msg { display: none; } form input[type="checkbox"] { width: auto; box-shadow: none; border: none; border-radius: 0; } form .hs-field-desc { color: #666; font-family: 'Inter'; font-weight: 400; } form .hs-tipologias { width: 100%; } form .hs-tipologias label { float: left; margin-right: 5px; } form .hs-tipologias label span { color: #666; } form .inputs-list { display: flex; flex-wrap: wrap; column-gap: 15px; row-gap: 15px; margin-top: 15px; } form .hs-fieldtype-textarea.hs-input { resize: none; } form .hs_error_rollup { display: block; width: 100%; color: #ff0000; } .home-contact-form-section .row .second-column .brodyfriedman-image { width: 100%; border-radius: 20px; } .home-contact-form-section .row .second-column .brodyfriedman-logo { position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); } .the-dialogue-section { position: relative; padding-top: 120px; padding-bottom: 120px; background: #F9F7F2; } .the-dialogue-section .row .column { margin: auto; max-width: 950px; } .the-dialogue-section .row .column h2 { margin-top: 10px; color: var(--secondary); font-weight: 400; line-height: 1.2; } .the-dialogue-section .row .column h2 span { color: var(--primary); font-weight: 400; font-size: 50px; font-family: 'Josefin Sans', sans-serif; } .the-dialogue-section .row .column img { border-radius: 20px; transition: transform 0.2s ease; width: 110px; display: inline-block; position: relative; top: 10px; margin-top: -10px; } .project-definitions-section .project-definitions-content { padding-top: 130px; padding-bottom: 130px; background: url('https://cdn.toribioachaval.com/recoleta/casa-las-heras/images/project-definitions-image-background.png'); background-repeat: no-repeat; background-size: cover; } .project-definitions-section .view-more-button { display: table; margin: 100px auto; border: 1px solid #fff; border-radius: 100px; padding: 12px 15px; } .project-definitions-section .view-more-button:hover { background: var(--primary); border-color: var(--primary); color: #000; } .project-definitions-section .second-row { margin-top: 200px; } .project-definitions-section .row .column { width: 50%; } .project-definitions-section .row .column h3 { font-size: 30px; } .project-definitions-section .row .column p { margin-top: 30px; font-size: 20px; } .project-definitions-section .row .column a { padding: 10px 20px; border: 1px solid var(--terciary); display: table; margin-top: 30px; border-radius: 50px; color: var(--terciary); } .project-definitions-section .row .column a:hover { background: #FF0000; } .project-definitions-section .row .column .right-button { margin-right: auto; } .project-definitions-section .row .column .left-button { margin-left: auto; } .project-definitions-section .row .column span { color: var(--primary); } .project-definitions-section .project-details-content { padding-top: 80px; padding-bottom: 100px; background: #161615; } .project-definitions-section .project-details-content .row { max-width: 640px; margin: auto; margin-top: 40px; flex-wrap: wrap; row-gap: 12px; column-gap: 30px; } .project-definitions-section .project-details-content .row .inner-row { column-gap: 5px; width: calc(50% - 15px); } .numbers-section { background: #F9F7F2; padding-top: 120px; padding-bottom: 120px; } .numbers-section .row .first-column { width: 25%; } .numbers-section .row .second-column { width: 25%; } .numbers-section .row .third-column { width: 50%; } .numbers-section .row .column h2 { font-size: 50px; color: var(--secondary); } .numbers-section .row .column h2 span { color: var(--secondary); } .numbers-section .row .column p { margin-top: 3px; } .numbers-section .row .divider-vertical-line { width: 2px; height: 80px; background: var(--primary); display: block; } .numbers-section .row .third-column a { padding: 10px 20px; background: var(--primary); display: table; margin: auto; color: var(--terciary); border-radius: 50px; font-weight: 500; letter-spacing: 1px; } .numbers-section .row .third-column a:hover { background: #FF0000; } .project-details-section-two { padding-top: 80px; padding-bottom: 100px; background: var(--primary); } .project-details-section-two .row { max-width: 1200px; margin: auto; margin-top: 40px; flex-wrap: wrap; row-gap: 40px; column-gap: 30px; justify-content: center; } .project-details-section-two .row p { margin-left: 10px; } .project-details-section-two .row .inner-row { column-gap: 5px; width: calc(30% - 15px); } .details-section { padding: 100px 0; background: var(--primary); } .details-section .row .container { column-gap: 50px; } .details-section .row .column { width: 50%; } .details-section .row .first-column img { width: 100%; border-radius: 20px; object-fit: cover; } .details-section .row .second-column .column-content-details-info { padding: 10px 0; } .details-section .row .second-column h3 { font-family: 'Inter', sans-serif; font-weight: 400; font-size: 16px; letter-spacing: 3px; } .details-section .row .second-column h4 { font-family: 'Inter', sans-serif; font-weight: 400; font-size: 16px; } .details-section .row .second-column p { font-family: 'Inter', sans-serif; font-weight: 400; font-size: 16px; color: var(--terciary); margin-top: 5px; } .details-section .row .second-column .column-content-details { margin-top: 30px; } .amenities-section { background: #F9F7F2; padding-top: 50px; padding-bottom: 120px; } .amenities-section .amenities-slider-container .amenities-item img { width: 100%; height: 433px; object-fit: cover; border-radius: 20px; } .amenities-section .amenities-slider-container .amenities-item h3 { position: absolute; left: 20px; bottom: 20px; } .amenities-section .amenities-content { margin-left: calc((100vw - min(1200px, 80vw)) / 2); } .amenities-section .amenities-title-content { margin-top: 12px; margin-right: calc((100vw - min(1200px, 80vw)) / 2); } .amenities-section .amenities-title-content h2 { color: var(--secondary); max-width: 850px; } .amenities-section .amenities-title-content .button-amenities-styles { margin-top: auto; } .amenities-section .amenities-title-content a { padding: 12px 40px; border-radius: 50px; color: var(--terciary); font-size: 14px; font-weight: 500; } .amenities-section .amenities-slider-container { margin-top: 30px; } .amenities-section .amenities-slider-container .black-cover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.1); border-radius: 20px; } .amenities-section .amenities-slider-container .slick-list { margin: 0 -10px; } .amenities-section .amenities-slider-container .slick-slide { margin: 0 10px; } .amenities-section .amenities-slider-container .slick-dots { margin: auto; width: auto; text-align: left; bottom: auto; position: relative; margin-top: 40px; white-space: nowrap; overflow-x: auto; display: flex; justify-content: flex-start; } .amenities-section .amenities-slider-container .slick-dots li { width: 25%; height: 3px; margin: 0; overflow-y: hidden; } .amenities-section .amenities-slider-container .slick-dots li button { height: inherit; width: 100%; background: #d1d1d1; } .amenities-section .amenities-slider-container .slick-dots li:first-child { border-top-left-radius: 10px; border-bottom-left-radius: 10px; } .amenities-section .amenities-slider-container .slick-dots li:last-child { border-top-right-radius: 10px; border-bottom-right-radius: 10px; } .amenities-section .amenities-slider-container .slick-dots li.slick-active button { background: #444444; } .casa-grand-location-section { background-image: url(https://cdn.toribioachaval.com/recoleta/casa-las-heras/images/casa-grand-location-banner.png); padding: 150px 0; background-size: cover; background-position: center center; } .casa-grand-location-section .row { column-gap: 100px; } .casa-grand-location-section .row .column { width: 50%; } .casa-grand-location-section .row .first-column p { column-gap: 5px; } .casa-grand-location-section .row .first-column h2 { margin-top: 25px; font-weight: 400; } .casa-grand-location-section .row .first-column p { color: var(--terciary); margin-top: 30px; } .casa-grand-location-section .row .first-column a { padding: 12px 20px; border-radius: 50px; border: 1px solid var(--terciary); color: var(--terciary); display: table; margin-top: 30px; letter-spacing: 2px; } .casa-grand-location-section .row .first-column a:hover { background: #FF0000; } .casa-grand-location-section .row .second-column #map { width: 100%; height: 500px; border: 2px solid var(--primary); border-radius: 20px; } .maps-styles iframe { border-radius: 20px; width: 100%; } .footer { padding: 50px 0; background: var(--terciary); } .footer .divider-vertical-line { width: 80%; max-width: 1200px; margin: auto; display: block; height: 1px; background: #D8D8D8; margin-top: 50px; margin-bottom: 30px; } .footer .footer-first-block-content .row .column { width: 100%; } .footer .footer-first-block-content .row .column-styles { margin-top: 20px; } .footer .footer-first-block-content .row .column a { display: flex; column-gap: 5px; width: fit-content; margin: auto; background: var(--primary); border-radius: 50px; } .footer .footer-first-block-content .row .column a:hover { background: #FF0000; } .footer .footer-first-block-content .row .column:nth-child(2) img { margin: auto; } .footer .footer-first-block-content .row .column:nth-child(2) img:last-child { margin-top: 30px; } .footer .footer-second-block-content .row .column { width: 33.3%; } .footer .footer-second-block-content .row .column a { text-decoration: underline; display: block; text-align: center; } .footer .footer-second-block-content .row .column a:first-child { color: #000; } .footer .footer-second-block-content .row .column a:first-child:hover { color: #FF0000; } .footer .footer-second-block-content .row .column a:last-child { color: var(--primary); margin-top: 10px; } .footer .footer-second-block-content .row .column a:last-child:hover { color: #FF0000; } .footer .footer-second-block-content .row .column img { margin: auto; } .footer .footer-first-block-content .row .column h3 { color: #959595; margin-top:20px; font-size: 16px; text-align: center; } @media (max-width: 1380px) { p, a, li, span, button, select, textarea, input { font-size: 15px; } h1, .big-h2, h2 { font-size: 42px; } h3 { font-size: 24px; } h4 { font-size: 16px; } .home-banner-section .home-banner-units-content .column h1 { max-width: 650px; } .home-banner-section .home-banner-units-content .column h4 { font-size: 20px; max-width: 500px; } .home-banner-section .home-banner-units-content img { max-width: 211px; } .development-logos-section .row .column:nth-child(1) img { max-width: 128px; } .development-logos-section .row .column:nth-child(2) img { max-width: 146px; } .development-logos-section .row .column:nth-child(3) img { max-width: 131px; } .home-menu-section .row .column:nth-child(1) img { max-width: 221px; } .home-menu-section .row .column:nth-child(3) img { max-width: 146px; } .home-menu-section .menu-content-block .row .first-column ul li a:not(.contact-menu-item) { font-size: 30px; } .home-contact-form-section .row .first-column h2 { font-size: 36px; } .the-dialogue-section .row .column { max-width: 800px; } .the-dialogue-section .row .column img { max-width: 90px; } .the-dialogue-section .row .column h2 span { font-size: 36px; } .project-definitions-section .row .column h3 { font-size: 24px; } .project-definitions-section .row .column p { font-size: 15px; } .numbers-section .row .column h2 { font-size: 40px; } .amenities-section .amenities-title-content h2 { max-width: 710px; } .footer .footer-first-block-content .row .column:nth-child(2) img:first-child { max-width: 146px; } .footer .footer-first-block-content .row .column:nth-child(2) img:last-child { max-width: 211px; } .footer .footer-second-block-content .row .column:nth-child(1) img { max-width: 165px; } .footer .footer-second-block-content .row .column:nth-child(3) img { max-width: 168px; } } @media (max-width: 1280px) { .details-section .row .container { flex-wrap: wrap; } .details-section .row .column { width: 100%; } .details-section .row .first-column img { max-width: 500px; margin: auto; } .details-section .row .second-column { text-align: center; margin-top: 60px; } .numbers-section .row .column h2 { font-size: 34px; } .amenities-section .amenities-title-content h2 { font-size: 35px; max-width: 600px; } .footer .footer-first-block-content .row { flex-wrap: wrap; row-gap: 20px; } .footer .footer-first-block-content .row .column { width: 100%; } .footer .footer-first-block-content .row .column:nth-child(2) { order: 1; } .footer .footer-first-block-content .row .column:nth-child(1) { order: 2; } .footer .footer-first-block-content .row .column:nth-child(3) { order: 3; } } @media (max-width: 992px) { h1, .big-h2, h2 { font-size: 36px; } .home-banner-section .big-velvet-logo { display: none !important; } .home-banner-section .home-banner-units-content { opacity: 1 !important; } .home-banner-section .home-banner-units-content .container { max-width: 100%; width: 100%; } .home-banner-section .home-banner-units-content .row .column { width: 100%; text-align: center; } .home-menu-section .menu-content-block .row .column { width: 100%; } .home-menu-section .menu-content-block .row .second-column { display: none; } .home-menu-section .menu-content-block .close-menu-burguers-content { right: 0; left: auto; } .development-logos-section .row { flex-wrap: wrap; row-gap: 30px; } .development-logos-section .row .column { width: 100%; } .development-logos-section .row .column:first-child img { margin: auto; } .development-logos-section .row .column:last-child img { margin: auto; } .home-contact-form-section { padding-top: 100px; } .home-contact-form-section .row { flex-wrap: wrap; } .home-contact-form-section .row .column { width: 100%; text-align: center; } .home-contact-form-section .hs_submit { width: 100%; } .home-contact-form-section .row .first-column h2 { font-size: 30px; max-width: 380px; margin: auto; margin-top: 30px; } form button { margin: auto; } form .hs-field-desc { text-align: left; } .home-contact-form-section .row .second-column { margin-top: 40px; } .the-dialogue-section .row .column h2 span { font-size: 30px; } .numbers-section { padding-top: 80px; padding-bottom: 60px; } .numbers-section .row { flex-wrap: wrap; row-gap: 40px; } .numbers-section .row .column { width: calc(50% - 1px); } .numbers-section .row .third-column { width: 100%; } .numbers-section .row .second-divider-vertical-line { display: none; } .project-details-section-two .row { column-gap: 80px; } .the-dialogue-section { padding-top: 60px; padding-bottom: 80px; } .amenities-section .amenities-title-content { flex-wrap: wrap; } .amenities-section .amenities-title-content h2 { max-width: 100%; width: 100%; text-align: center; } .amenities-section .amenities-title-content .button-amenities-styles { margin: auto; margin-top: 30px; } .casa-grand-location-section .row { flex-wrap: wrap; } .casa-grand-location-section .row .column { width: 100%; text-align: center; } .casa-grand-location-section .row .first-column p { justify-content: center; } .casa-grand-location-section .row .first-column a { margin: auto; margin-top: 30px; } .casa-grand-location-section .row .second-column { margin-top: 40px; } .casa-grand-location-section .row .second-column img { max-width: 500px; margin: auto; } .project-definitions-section .project-definitions-content { padding-bottom: 100px; } .project-definitions-section .project-details-content { padding-bottom: 80px; } .maps-styles iframe { margin: auto; } .footer .footer-second-block-content .row { flex-wrap: wrap; row-gap: 20px; } .footer .footer-second-block-content .row .column { width: 100%; } .footer .footer-second-block-content .row .column:nth-child(2) { order: 2; } .footer .footer-second-block-content .row .column:nth-child(1) { order: 1; } .footer .footer-second-block-content .row .column:nth-child(3) { order: 3; margin-top: 15px; } } @media (max-width: 840px) { .amenities-section .amenities-content { margin-right: calc((100vw - min(1200px, 80vw)) / 2); } .amenities-section .amenities-title-content { margin-right: 0; } .amenities-section .amenities-slider-container .slick-dots li { width: 20%; } } @media (max-width: 768px) { h1, .big-h2, h2 { font-size: 30px; } .home-banner-section .home-banner-image { height: 1100px; } .home-banner-section .home-banner-units-content .row { flex-wrap: wrap; row-gap: 30px; } .home-banner-section .home-banner-units-content .row .column { width: 100%; } .home-banner-section .home-banner-units-content .availability-text { margin-top: 60px; } .home-banner-section .home-banner-units-content .home-banner-p-styles { margin: auto; } .home-menu-section .menu-content-block .row .first-column ul li a:not(.contact-menu-item) { font-size: 34px; } .development-logos-section .row { flex-wrap: wrap; row-gap: 30px; } .development-logos-section .row .column img { margin: auto; } .development-logos-section .row .column { width: 100%; } .home-menu-section .row { flex-wrap: wrap; row-gap: 20px; } .home-menu-section .row .column { width: 100%; } .home-menu-section .row .column img { margin: auto; } .home-menu-section .row .column:nth-child(2) { order: 3; } .project-definitions-section .project-details-content .row { flex-wrap: wrap; max-width: 80%; } .project-definitions-section .project-details-content .row .inner-row { width: 100%; } .project-definitions-section .row .column { width: 100%; } .project-details-section-two .row .inner-row { width: 80%; } .amenities-section .amenities-content p { text-align: center; } .amenities-section .amenities-title-content { flex-wrap: wrap; flex-direction: column; text-align: center; } .amenities-section .amenities-title-content a { margin-top: 20px; } } @media (max-width: 480px) { .numbers-section .row .column { width: 100%; } .numbers-section .row .third-column a { text-align: center; } .numbers-section .row .divider-vertical-line { display: none; } .numbers-section .row .second-column p { margin-left: 0; } } /* end home page styles */ /* contact page styles */ .internal-page-content .fixed-header .home-menu-content { background: rgba(0,0,0,0.3); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } .contact-form-section { padding-top: 200px; padding-bottom: 200px; background-image: url(https://cdn.toribioachaval.com/recoleta/casa-las-heras/images/contact-page-background.jpg); background-size: cover; background-position: center center; background-repeat: no-repeat; } .contact-form-section .row { max-width: 660px; margin: auto; } .contact-form-section .row .column h1 { margin: auto; margin-top: 20px; font-weight: 400; max-width: 550px; } .contact-form-section .row .column form { max-width: 540px; margin: auto; margin-top: 40px; } .contact-form-section .row .column form button { max-width: 110px; margin: auto; margin-top: 12px; } .contact-form-section .row form .hs-main-font-element { color: var(--terciary); } .contact-form-section .row form .hs_error_rollup li { text-align: center; } .contact-form-section .row .column form .hs-field-desc, .contact-form-section .row .column form .hs-tipologias label span { color: #fff; } .contact-form-section .row .column form .hs_submit { margin: auto; } @media(max-width: 992px){ .contact-form-section .row .column h1 { max-width: 450px; } } @media (max-width: 768px) { .contact-form-section .row .column h1 { max-width: 350px; } .contact-form-section { padding-top: 300px; padding-bottom: 90px; } .contact-form-section form .hs-form-field { width: 100%; } } @media (max-width: 575px) { form .form-group.d-flex { flex-wrap: wrap; row-gap: 15px; } } /* end contact page styles */ /* faq page styles */ .menu-has-background .home-menu-content { background-image: url(https://cdn.toribioachaval.com/recoleta/casa-las-heras/images/menu-background.jpg) !important; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; } .faq-section { padding-top: 190px; padding-bottom: 100px; background: #f8f7f2; } .faq-section h1 { color: var(--primary); font-weight: 400; max-width: 900px; margin: auto; } .faq-section .second-row { margin-top: 40px; } .faq-section .faq-container { background: #fff; border-radius: 20px; padding: 18px 30px; box-sizing: border-box; box-shadow: 2px 2px 5px rgb(0 0 0 / 5%); --webkit-box-shadow: 2px 2px 5px rgb(0 0 0 / 5%); } .faq-section .faq-container .faq-header { column-gap: 10px; cursor: pointer; border-bottom: 1px solid var(--primary); padding: 12px 0; } .faq-section .faq-container .faq-header h4 { color: var(--primary); font-size: 24px; font-family: 'Joselin Sans', sans-serif; font-weight: 500; } .faq-section .faq-container .faq-header i { color: var(--primary); } .faq-section .faq-container .faq-body { display: none; padding: 12px 30px; box-sizing: border-box; } .faq-section .faq-content:last-child .faq-header { border-bottom: none; } .faq-section .faq-content:first-child .faq-body { display: block; } .faq-section a { display: table; padding: 12px 19px; border: 1px solid var(--primary); margin-top: 30px; border-radius: 50px; } .faq-section a:hover { background: #FF0000; color: var(--terciary); border: 1px solid #FF0000; } .faq-section ul { margin-top: 20px; padding-left: 35px; } .faq-section li { padding: 5px 0; list-style: initial; } @media (max-width: 768px) { .faq-section { padding-top: 260px; } } @media(max-width: 480px){ .faq-section a { text-align: center; } } /* end faq page styles */ /* about the project page styles */ .title-section { padding-top: 160px; padding-bottom: 80px; background: #F9F7F2; } .title-section h3 { margin-top: 12px; } .about-the-project-section { padding-top: 200px; padding-bottom: 80px; background: #f8f7f2; } .about-the-project-section .row { column-gap: 100px; } .about-the-project-section .row .column { width: 50%; } .about-the-project-section .row .first-column h1 { margin-top: 20px; font-size: 50px; color: var(--primary); } .about-the-project-section .row .first-column h4 { margin-top: 20px; font-size: 20px; color: var(--secondary); } .about-the-project-section .row .first-column p { margin-top: 20px; } .about-the-project-section .row .first-column h3 { color: var(--primary); font-size: 16px; font-weight: 700; margin-top: 30px; } .about-the-project-section .row .first-column ul { margin-top: 30px; padding-left: 35px; } .about-the-project-section .row .first-column li { padding: 5px 0; list-style: initial; } .about-the-project-section .row .first-column li span { color: var(--primary); font-weight: 700; } .about-the-project-section .row .first-column li::marker { color: var(--primary); } .about-the-project-section .row .first-column a { margin-top: 20px; background: var(--primary); border-radius: 50px; } .about-the-project-section .row .first-column a:hover { background: #FF0000; } .about-the-project-section .row .second-column img { width: 100%; border-radius: 20px; box-shadow: 2px 2px 5px rgb(0 0 0 / 5%); --webkit-box-shadow: 2px 2px 5px rgb(0 0 0 / 5%); } .project-maps-section { padding: 100px 0; background: #f8f7f2; } .project-maps-section .row { column-gap: 50px; } .project-maps-section .row .column { width: 50%; } .project-maps-section .row .first-column img { width: 100%; } .project-maps-section .row .second-column { column-gap: 20px; } .project-maps-section .row .second-column .column-content-first { width: 30%; } .project-maps-section .row .second-column .column-content-second { width: 30%; } .project-maps-section .row .second-column .column-content-third { width: 30%; } .project-maps-section .row .second-column .first-element { margin-top: 15px; } .project-maps-section .row .second-column .first-element img { margin-right: 10px; object-fit: contain; } .project-maps-section .row .second-column .first-element p { font-family: 'Josefin Sans'; font-weight: 400; font-size: 18px; } .logos-section { background: #f8f7f2; } .logos-section .row { background: var(--primary); border-radius: 40px; padding: 50px; box-sizing: border-box; } .logos-section .row .column { width: 25%; height: 100px; } .logos-section .row .column p { color: var(--terciary); text-align: center; font-family: 'Inter', sans-serif; font-weight: 300; font-size: 14px; } .logos-section .row .column img { margin: auto; margin-top: 20px; } .history-section { padding: 100px 0; background: #f8f7f2; } .history-section .row { column-gap: 50px; } .history-section .row .column { width: 50%; } .history-section .row .first-column img { width: 100%; } .history-section .row .second-column .column-content-history p { font-family: 'Inter', sans-serif; font-weight: 400; font-size: 16px; margin-top: 40px; } .history-section .row .second-column .column-content-history p span { color: var(--primary); font-weight: 700; } .history-section .row .second-column .column-content-history a { padding: 12px 19px; background: var(--primary); color: var(--terciary); display: table; margin-top: 30px; border-radius: 20px; font-family: 'Inter', sans-serif; letter-spacing: 3px; } .history-section .row .second-column .column-content-history a:hover { background: #FF0000; } @media (max-width: 1380px) { .about-the-project-section .row .first-column h1 { font-size: 42px; } .project-maps-section .row .second-column .first-element p { font-size: 15px; } .logos-section .row .column:nth-child(1) img { max-width: 157px; } .logos-section .row .column:nth-child(2) img { max-width: 158px; } .logos-section .row .column:nth-child(3) img { max-width: 147px; } } @media (max-width: 992px) { .about-the-project-section .row { flex-wrap: wrap; } .about-the-project-section .row .column { width: 100%; text-align: center; } .about-the-project-section .row .first-column a { margin: auto; margin-top: 20px; } .about-the-project-section .row .second-column { margin-top: 40px; } .about-the-project-section .row .second-column img { max-width: 500px; margin: auto; } .project-maps-section .row { flex-wrap: wrap; } .project-maps-section .row .column { width: 100%; } .project-maps-section .row .second-column { margin-top: 50px; } .logos-section .row { flex-wrap: wrap; justify-content: center; row-gap: 40px; } .logos-section .row .column { width: 50%; } .history-section .row { flex-wrap: wrap; } .history-section .row .column { width: 100%; } .history-section .row .first-column img { max-width: 500px; margin: auto; } .history-section .row .second-column { text-align: center; margin-top: 40px; } .history-section .row .second-column .column-content-history a { margin: auto; margin-top: 30px; } } @media (max-width: 768px) { .title-section { padding-top: 60px; } .about-the-project-section { padding-top: 260px; padding-bottom: 90px; } .project-maps-section .row .second-column .first-element { display: block; } .project-maps-section .row .second-column .first-element img { margin: auto; } .project-maps-section .row .second-column .first-element p { margin-top: 10px; text-align: center; } .logos-section .row .column { width: 100%; } } /* end about the project page styles */ /* amenities page styles */ .amenities-banner-section { background-image: url(https://cdn.toribioachaval.com/recoleta/casa-las-heras/images/amenities-background.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center; height: 100vh; } .amenities-banner-section .row .column { position: absolute; bottom: 90px; left: 50%; transform: translateX(-50%); } .amenities-details-section { padding: 80px 0; background: #f8f7f2; } .amenities-details-section .row .column { max-width: 695px; margin: auto; padding: 0 40px; } .amenities-details-section .row .column h2 { margin-top: 12px; } .amenities-details-section .row .column .icons-block { flex-wrap: wrap; margin: auto; margin-top: 40px; row-gap: 20px; column-gap: 20px; } .amenities-details-section .row .column .icon-block { width: calc(50% - 10px); } .amenities-details-section .row .column .icon-block .image-content { min-width: 45px; } .amenities-details-section .row .column .icon-block .image-content img { margin: auto; } .amenities-details-section .row .column a { border: 1px solid #000; margin: auto; margin-top: 40px; } .amenities-details-section .row .column a:hover { border-color: var(--primary); } .amenities-images-gallery-section { background: #f8f7f2; padding-bottom: 80px; } .amenities-images-gallery-section .row { flex-wrap: wrap; column-gap: 15px; row-gap: 15px; } .amenities-images-gallery-section .row .column { cursor: pointer; width: calc(33.3% - 10px); } .amenities-images-gallery-section .row .column .main-image { width: 100%; border-radius: 20px; min-height: 320px; object-fit: cover; } .amenities-images-gallery-section .row .column:hover .zoom-icon { display: block; } .amenities-images-gallery-section .row .column .zoom-icon { display: none; position: absolute; top: 10px; right: 10px; cursor: pointer; transition: all 0.6s; } .amenities-images-gallery-section .row .column .zoom-icon:hover { transform: scale(1.10); } .lightbox-gallery .overlay { display: flex; justify-content: center; align-items: center; position: fixed; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.5); z-index: 99999; } .lightbox-gallery .overlay img { max-width: 80%; } .lightbox-gallery .overlay .prevButton, .lightbox-gallery .overlay .nextButton { transition: all 0.6s; cursor: pointer; font-size: 50px; color: #fff; } .lightbox-gallery .overlay .prevButton { margin-right: 25px; } .lightbox-gallery .overlay .nextButton { margin-left: 25px; } .lightbox-gallery .overlay .exitButton { transition: all 0.6s; position: absolute; color: #fff; cursor: pointer; top: 30px; right: 30px; font-size: 50px; } .lightbox-gallery .overlay .prevButton:hover, .lightbox-gallery .overlay .nextButton:hover, .lightbox-gallery .overlay .exitButton:hover { color: var(--primary); } @media (max-width: 1380px) { .amenities-details-section .row .column { max-width: 650px; } .lightbox-gallery .overlay .prevButton, .lightbox-gallery .overlay .nextButton, .lightbox-gallery .overlay .exitButton { font-size: 40px; } } @media (max-width: 992px) { .amenities-banner-section { height: 600px; } .amenities-details-section { padding: 80px 0; } .amenities-details-section .row { flex-wrap: wrap; } .amenities-details-section .row .column { width: 100%; max-width: 80%; padding: 0; } .amenities-images-gallery-section .row .column { width: calc(50% - 10px); } } @media (max-width: 768px) { .amenities-images-gallery-section .row .column { width: 100%; } .amenities-images-gallery-section .row .column .main-image { min-height: 275px; } .lightbox-gallery .overlay img { min-height: 360px; object-fit: cover; } .lightbox-gallery .overlay #prevButton { margin-right: -55px; z-index: 99; } .lightbox-gallery .overlay #nextButton { margin-left: -55px; z-index: 99; } } @media (max-width: 575px) { .amenities-details-section .row .column .icon-block { width: 100%; } } /* end amenities page styles */ /* building and units page styles */ .departments-section { padding-top: 180px; background: #F9F7F2; } .departments-section .row .column { width: 50%; } .departments-section .row .first-column h2 { max-width: 450px; font-size: 55px; } .departments-section .row .first-column p { max-width: 475px; margin-top: 20px; font-size: 20px; } .departments-section .row .first-column a { padding: 12px 50px; background: var(--primary); color: var(--terciary); display: table; margin-top: 30px; border-radius: 50px; } .departments-section .row .first-column a:hover { background: var(--secondary); } .departments-section .row .second-column img { width: 100%; object-fit: contain; max-height: 500px; } .units-section { padding-top: 100px; padding-bottom: 100px; background: #F9F7F2; } .units-section h1 { color: var(--primary); margin-top: 20px; margin-bottom: 15px; } .units-section .button-brochure { margin-left: auto; } .units-section .button-brochure a { padding: 12px 18px; background: var(--primary); color: var(--terciary); letter-spacing: 2px; display: table; border-radius: 50px; } .units-section .button-brochure a:hover { background: var(--secondary); color: #fff; } .units-section .row { margin-top: 60px; } .units-section .row .tabs-container { column-gap: 10px; } .units-section .row .tabs-container .tab-content { background: #fff; padding: 12px 18px; box-sizing: border-box; cursor: pointer; box-shadow: 2px 2px 5px rgb(0 0 0 / 5%); --webkit-box-shadow: 2px 2px 5px rgb(0 0 0 / 5%); border-radius: 20px; } .units-section .row .tabs-container .tab-content p { font-size: 14px; color: var(--secondary); } .units-section .row .brochure-download-button { margin-left: auto; } .units-section .row .brochure-download-button:hover { border-color: var(--primary); } .units-section .row .tabs-information-content { flex-wrap: wrap; row-gap: 20px; column-gap: 20px; margin-top: 40px; } .units-section .row .tabs-information-content .w-25 { width: calc(25% - 15px); position: relative; } .units-section .row .tabs-information-content .w-50 { width: calc(50% - 10px); } .units-section .row .tabs-information-content .tab-item { cursor: pointer; position: relative; border-radius: 20px; background: #fff; padding: 30px 50px; box-sizing: border-box; box-shadow: 2px 2px 5px rgb(0 0 0 / 5%); --webkit-box-shadow: 2px 2px 5px rgb(0 0 0 / 5%); min-height: 250px; } .units-section .row .tabs-information-content .tab-item .images-content { column-gap: 10px; } .units-section .row .tabs-information-content .tab-body { display: flex; flex-direction: column; justify-content: center; height: 100%; } .units-section .row .tabs-information-content .tab-body .flat-image { width: 100%; max-width: 245px; margin: auto; } .units-section .row .tabs-information-content .tab-body p { font-weight: 500; color: #B6B6B6; font-size: 14px; background: #fff; padding: 15px 0px; max-width: 245px; margin: auto; text-align: center; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; } .units-section .row .tabs-information-content .tab-body .zoom-icon { display: none; max-width: 49px; position: absolute; top: 10px; right: 10px; cursor: pointer; transition: all 0.6s; z-index: 999; } .units-section .row .tabs-information-content .tab-body:hover .zoom-icon { display: block!important; transform: scale(1.10); z-index: 999; } .tab-item:hover .zoom-icon { display: block; } .units-section .row .tabs-information-content .tab-body .flat-image { max-height: 100px; width: 100%; max-width: 245px; margin: auto; cursor: pointer; position: relative; background: #fff; padding: 30px; box-sizing: border-box; min-height: 250px; border-top-right-radius: 20px; border-top-left-radius: 20px; } .units-section .button-content-text a { padding: 12px 19px; background: var(--primary); color: #fff; margin-top: 25px; letter-spacing: 2px; border-radius: 50px; } .units-section .button-content-text a:hover { background: var(--secondary); } .units-section .tabs-container .item-tab-content { background: #fff; color: #000; cursor: pointer; border-radius: 50px; } .units-section .tabs-container .item-tab-content.active { background: var(--secondary); color: #fff; } .units-section .tabs-container .item-tab-content.active p { color: #fff; } .dropdown-filter { position: relative; } .dropdown-filter:focus { outline: none; box-shadow: none; } .dropdown-toggle { transition: all 0.6s; background: #fff; padding: 12px 18px; box-sizing: border-box; cursor: pointer; box-shadow: 2px 2px 5px rgb(0 0 0 / 5%); --webkit-box-shadow: 2px 2px 5px rgb(0 0 0 / 5%); font-size: 16px; border: none; } .dropdown-toggle:focus { outline: none; box-shadow: none; } .dropdown-menu { display: none; position: absolute; top: 110%; left: 0; background: #fff; border: 1px solid #ddd; border-radius: 6px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); padding: 8px 12px; z-index: 1000; } .dropdown-menu label { display: flex; font-size: 14px; margin-bottom: 4px; cursor: pointer; color: #000; align-items: center; font-family: 'gt thin', sans-serif; } .dropdown-menu input[type="checkbox"] { margin-right: 6px; } .dropdown-filter.active .dropdown-menu { display: block; border-radius: 10px; } .dropdown-filter:focus { border-radius: 10px; } .units-brochure-section { background-image: url(https://cdn.toribioachaval.com/recoleta/casa-las-heras/images/background-image-brochure.jpg); height: 30vh; background-repeat: no-repeat; background-size: cover; } .units-brochure-section a { background: rgba(120, 120, 120, 0.8); margin: auto; top: 50%; position: relative; transform: translateY(-50%); padding: 20px; color: #fff; border: 1px solid #fff; } .units-section .tabs-container .item-tab-content.active { background: var(--primary); color: var(--secondary); box-shadow: 0 4px 12px rgba(0,0,0,0.08); } .units-section .tabs-container .item-tab-content.active .dropdown-toggle { background: transparent; color: #fff; box-shadow: none; border: none; } .units-section .tabs-container .item-tab-content .dropdown-toggle { background: transparent; color: var(--secondary); border: none; padding: 12px; cursor: pointer; transition: all .25s; box-shadow: 0 1px 3px rgba(0,0,0,0.05); border-radius: 50px; } .lightbox-gallery .overlay { display: flex; justify-content: center; align-items: center; position: fixed; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.5); z-index: 99999; } .lightbox-gallery .overlay img { max-width: 42%; background: #f9f9f9; } .lightbox-gallery .overlay .prevButton, .lightbox-gallery .overlay .nextButton { transition: all 0.6s; cursor: pointer; font-size: 50px; color: #fff; } .lightbox-gallery .overlay .prevButton { margin-right: 25px; } .lightbox-gallery .overlay .nextButton { margin-left: 25px; } .lightbox-gallery .overlay .exitButton { transition: all 0.6s; position: absolute; color: #fff; cursor: pointer; top: 30px; right: 30px; font-size: 50px; } .lightbox-gallery .overlay .prevButton:hover, .lightbox-gallery .overlay .nextButton:hover, .lightbox-gallery .overlay .exitButton:hover { color: var(--primary); } .overlay img { transition: transform 0.3s ease; } .overlay img.zoomed { transform: scale(2); cursor: zoom-out; } .units-details-section { background: #f8f7f2; padding-top: 0; padding-bottom: 100px; } .units-details-section .row { column-gap: 20px; } .units-details-section .row .column { border-radius: 20px; box-shadow: 2px 2px 5px rgb(0 0 0 / 5%); --webkit-box-shadow: 2px 2px 5px rgb(0 0 0 / 5%); width: 50%; background: #fff; padding: 20px; box-sizing: border-box; } .units-details-section .row .first-column .tab-content { display: none; } .units-details-section .row .first-column .tab-content[data-tab-id="1"] { display: block; } .units-details-section .row .first-column .development-flat { cursor: pointer; width: 100%; margin: auto; } .units-details-section .row .first-column .videos-slider-container iframe { width: 100%; height: 270px; } .units-details-section .row .first-column .tools-block { max-width: 450px; margin: auto; margin-top: 40px; } .units-details-section .row .first-column .tools-block p { width: 33.33%; cursor: pointer; } .units-details-section .row .first-column .tools-block p:hover, .units-details-section .row .first-column .tools-block p.active { text-decoration: underline; text-decoration-color: var(--primary); text-underline-offset: 3px; text-decoration-thickness: 2px; } .units-details-section .row .first-column .zoom-icon { transition: all 0.6s; position: absolute; top: 10px; right: 10px; cursor: pointer; z-index: 99; display: none; } .units-details-section .row .first-column .zoom-icon:hover { transform: scale(1.10); } .units-details-section .row .first-column .slick-prev, .units-details-section .row .first-column .slick-next { z-index: 999; } .units-details-section .row .first-column .slick-prev { left: 10px; } .units-details-section .row .first-column .slick-next { right: 10px; } .units-details-section .row .first-column .slick-arrow { width: 30px; min-width: 30px; height: 30px; border-radius: 50%; background: var(--primary); } .units-details-section .row .first-column .slick-arrow:hover { background: var(--secondary); } .units-details-section .row .first-column .slick-arrow i { color: #fff; font-size: 12px; } .units-details-section .row .first-column .slick-prev:before, .units-details-section .row .first-column .slick-next:before { content: none !important; } .units-details-section .row .first-column .renders-slider-container img { width: 100%; } .units-details-section .row .second-column select { margin-top: 10px; outline: none; cursor: pointer; border: 0; font-size: 23px; font-family: 'Arizona Serif'; font-weight: 400; -webkit-appearance: none; -moz-appearance: none; background-image: url(https://cdn.toribioachaval.com/recoleta/casa-las-heras/images/dropdown-icon.svg) !important; background-repeat: no-repeat !important; background-position-x: 100%; background-position-y: 15px !important; background-size: 20px; width: 535px; } .units-details-section .row .second-column .tabs-container { display: none; margin-top: 20px; } .units-details-section .row .second-column .tabs-container[data-tabs-container-id="1"] { display: block; } .units-details-section .row .second-column .tabs-container .tabs-content { column-gap: 10px; } .units-details-section .row .second-column .tabs-container .tabs-content .tab-item { transition: all 0.6s; font-size: 14px; color: #666666; border-radius: 10px; padding: 12px 15px; background: #F9F7F2; cursor: pointer; } .units-details-section .row .second-column .tabs-container .tabs-content .tab-item:hover, .units-details-section .row .second-column .tabs-container .tabs-content .tab-item:first-child { background: #F1EEE6; } .units-details-section .row .second-column .tabs-container .tabs-information-content { margin-top: 10px; } .units-details-section .row .second-column .tabs-container .tabs-information-content .tab-item { display: none; } .units-details-section .row .second-column .tabs-container .tabs-information-content .tab-item[data-tab-id="1"] { display: block; } .units-details-section .row .second-column .tabs-container .tabs-information-content .tab-body .text-content { border-bottom: 1px solid #D5CEBC; padding: 12px 0; } .units-details-section .row .second-column .tabs-container .tabs-information-content .tab-body .icon-content { column-gap: 12px; } .units-details-section .row .second-column .tabs-container .tabs-information-content .tab-body .special-legend { background: #F1EEE6; border-radius: 10px; padding: 10px 20px; box-sizing: border-box; margin-top: 125px; } .units-details-section .contact-preference-button { margin: auto; margin-top: 50px; background: var(--primary); } .units-details-section .contact-preference-button:hover { background: #000;} @media (max-width: 1500px) { .units-section .row .tabs-information-content .tab-item .images-content { flex-wrap: wrap; } } @media(max-width: 1380px){ .departments-section .row .first-column h2 { font-size: 45px; } .units-details-section .row .second-column select { font-size: 19px; width: 100%; background-position-y: 11px !important; background-size: 16px; } } @media (max-width: 1200px) { .units-section h1 { text-align: center; } .units-section .button-brochure { margin-left: 0; margin: auto; margin-top: 20px; } .units-section .row .tabs-container { flex-wrap: wrap; row-gap: 10px; } .units-section .row .tabs-container .tab-content { width: 100%; } .units-section .row .tabs-container .tab-content p { text-align: center; font-size: 16px; } .units-section .tabs-container .item-tab-content { width: 100%; justify-content: center; display: flex; } .dropdown-toggle { box-shadow: none; } .dropdown-menu { left: 20%; } .units-section .row .tabs-information-content .tab-body p { padding: 15px 26px; } .units-section .row .brochure-download-button { display: block; width: 240px; margin: auto; } .units-section .row .tabs-information-content { justify-content: center; } .units-section .row .tabs-information-content .w-25 { width: calc(50% - 10px); } .units-section .row .tabs-information-content .tab-body .flat-image { max-width: 295px; } } @media(max-width: 992px){ .departments-section .row { flex-wrap: wrap; } .departments-section .row .column { width: 100%; } .departments-section .row .second-column { margin-top: 50px; } .departments-section .row .first-column h2 { margin: auto; text-align: center; } .departments-section .row .first-column p { margin: auto; text-align: center; margin-top: 20px; } .departments-section .row .first-column a { margin: auto; margin-top: 30px; } .units-details-section .row { flex-wrap: wrap; } .units-details-section .row .column { width: 100%; } .units-details-section .row .second-column { margin-top: 40px; } } @media (max-width: 768px) { .departments-section { padding-top: 300px; } .departments-section .row .first-column h2 { font-size: 35px; } .units-section .row .tabs-information-content .w-25, .units-section .row .tabs-information-content .w-50 { width: 100%; } .units-details-section .row .first-column .tools-block { flex-wrap: wrap; row-gap: 20px; } .units-details-section .row .first-column .tools-block p { width: 100%; text-align: center; } } @media (max-width: 575px) { .units-details-section .row .second-column select { font-size: 17px; background-position-y: 4px !important; } } @media (max-width: 480px) { .units-details-section .row .second-column .tabs-container .tabs-content { flex-wrap: wrap; row-gap: 10px; } .units-details-section .row .second-column .tabs-container .tabs-content .tab-item { width: 100%; text-align: center; } } /* end building and units page styles */ /* form thanks page styles */ .thanks-section { padding-top: 200px; padding-bottom: 110px; background: #f8f7f2; } .thanks-section h1 { color: var(--primary); } .thanks-section .row .column p { margin-top: 20px; } .thanks-section .row .column a { margin: auto; margin-top: 30px; } .thanks-section .row .column .brochure-button { background: var(--primary); } .thanks-section .row .column .brochure-button:hover { background: #FF0000; } .contact-form-popup { display: none; z-index: 99999; position: fixed; width: 100%; height: 100%; left: 0; top: 0; } .contact-form-popup .overload { width: 100%; position: absolute; background: rgba(0, 0, 0, 0.5); height: 100%; } .contact-form-popup .popup-body { z-index: 9999; position: relative; max-width: 560px; margin: auto; top: 30%; transform: translateY(-30%); background: #f8f7f2; border-radius: 20px; padding: 60px; box-sizing: border-box; } .contact-form-popup .popup-body .fa-remove { transition: all 0.6s; position: absolute; right: 20px; top: 20px; font-size: 20px; cursor: pointer; } .contact-form-popup .popup-body .fa-remove:hover { color: #ff0000; } .contact-form-popup .popup-body .popup-title { margin-bottom: 20px; } .contact-form-popup .popup-body .hs-button { transition: all 0.6s; cursor: pointer; background: #FF0000; text-transform: uppercase; letter-spacing: 1.8px; font-weight: 500; color: #fff; } .contact-form-popup .popup-body .hs-button:hover { background: #000; color: #fff; } .contact-form-popup .hs-error-msgs { display: none; } .contact-form-popup .hs-main-font-element { color: #ff0000; } @media (max-width: 768px) { .thanks-section { padding-top: 300px; padding-bottom: 90px; } .thanks-section .row .column h1 { font-size: 36px; } } /* end form thanks page styles */