@media (max-width: 768px) { .fotorama_height{height: 230px!important;} .pages .rent-item { margin-left: -7%!important; margin-right: -7%!important; } .pages .rent-item h4 { text-transform: uppercase; font-weight: 500; margin-top: 10px; } .modalposition{ margin-top: 100px!important; } .price_button{left: 22px!important;bottom: 15px!important;padding: 6px 15px!important;} .hri{margin-top: 1rem;margin-bottom: 1rem;border: 0;border-top: 7px solid rgb(230,82,82)!important;} .text-vcenter h1{margin-top: 70px!important;} .container.marketing{margin-bottom: 20px!important;} .container.marketing h3{padding-top: 30px;margin-bottom: 30px!important;} .icono-seccion-sell{margin-right: 0px!important;} #home {background-attachment:inherit!important; } } @media (min-width: 769px) and (max-width: 991px){ } @media (min-width: 992px) { } .gray-bg{background-color: #cecece!important;} .fs-20{font-size: 20px!important;} .align_center{text-align: center!important;} .modal_destacados_header{background-color: #ca211d;color:#fff;display: block;text-align: center;padding: 20px 10px 15px 10px !important;} .modal_destacados_footer{display: block;text-align: center;} .close_destacados{display: block;margin-top: -30px;color: #fff;} .modal_body_destacados p {opacity: 1!important;color:#000;font-size: 15px;} .color_black{color:#000!important;} .color_red{color:#ca211d!important;} .txt_uppercase{text-transform: uppercase!important;} .fotorama__arr { opacity: 1 !important; -webkit-transform: translate3d(0, 0, 0) !important; -ms-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important; } .fotorama__arr--disabled { opacity: .1 !important; } .fotorama_height{height: 300px;} .custom-select.ts-selected {color: #000;} section .section-title { text-align: center; color: transparent; margin-bottom: 50px; text-transform: uppercase;margin-top: 35px; } .nav-link span{color:#fff!important;font-weight: 500; font-size: 26px;} .row_parallax{ padding-left: 20%; padding-right: 20%; } .btn_parallax { border-radius: 30px!important; background-color: #ca211d; border-color: #ca211d; color: #fff; } #tabs{ background: #transparent; color: #eee; } #tabs h6.section-title{ color: #eee; } #tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: #ca211d!important; background-color: transparent; border-color: transparent transparent #f3f3f3; border-bottom: 4px solid !important; font-size: 20px; font-weight: bold; } #tabs .nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: .25rem; border-top-right-radius: .25rem; color: #eee; opacity: 1!important; font-size: 20px; } .clip_propiedad{ -webkit-clip-path: inset(7% 0 7% 0)!important; clip-path: inset(7% 0 7% 0)!important; } .margin_sell{margin-top: -60px;margin-bottom: 100px;} .banner-area:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5);} .btn_gradient { flex: 1 1 auto; /* margin: 10px; */ padding: 13px 75px 13px 75px; text-align: center; text-transform: uppercase; transition: 0.5s; background-size: 200% auto; color: #a21c19; /* text-shadow: 0px 1px 2px rgb(0, 0, 0.3); */ /* box-shadow: 0 0 5px #eee; */ border-radius: 50px; font-weight: 600; } .btn_gradient:hover {background-position: right center; /* change the direction of the change here */color: #a21c19;} .btn_gradient-wsp {background-image: linear-gradient(to right, #25d366 0%, #128c7e 51%, #075e54 100%);} .btn_gradient-fb {background-image: linear-gradient(to right, #3b5998 0%, #0078d7 51%, #3b5998 100%);} .btn_gradient-instagram {background-image: linear-gradient(to right, #833ab4 0%, #c13584 51%, #fd1d1d 100%);} .btn_gradient-4 {background-image: linear-gradient(to right, #ffffff 0%, #c2e9fb 51%, #ffffff 100%);} .btn_gradient-5 {background-image: linear-gradient(to right, #ffecd2 0%, #fcb69f 51%, #ffecd2 100%);} .pages .rent-item{ background: #a21c19 !important; padding:20px; } .pages .rent-item p{ color: #FFF; } .pages .rent-item .btn.btn-white{ color: #FFF; font-size: 15px; margin-top: 10px; font-weight: 400; } .pages .rent-item .btn.btn-white:hover{ background: rgba(255,255,255,0.1); } .pages .rent-item{ color: #FFF; margin-bottom: 50px; margin-left: 15%; margin-right: 15%; z-index: 200; position: relative; } .pages .rent-item h4{ color: #FFF; font-size: 16px; } .pages .rent-item h6{ color: #FFF; font-size: 14px; font-weight: 100; } .pages .carousel{margin-bottom: 0px;} .pages .carousel-item {max-height: 300px;} .pages .carousel-item img{height: 100%;} .pages .rent-item p{font-size: 13px;margin:30px;margin-top: 30px;} .ribbons { width: 176px; height: 174px; overflow: hidden; position: absolute; } .ribbons::before, .ribbons::after { position: absolute; z-index: -1; content: ''; display: block; border: 5px solid #d46f07; } .ribbons-top-right.ribbons::before,.ribbons-top-right.ribbons::after { border: 5px solid #e67d01; } .ribbons span { position: absolute; display: block; width: 264px; padding: 15px 0; background-color: #3498db; box-shadow: 0 5px 10px rgba(0,0,0,.1); color: #fff; font: 700 18px/1 'Lato', sans-serif; text-shadow: 0 1px 1px rgba(0,0,0,.2); text-transform: uppercase; text-align: center; font-size: 14px; } .ribbons-top-right { top: -10px; right: -10px; z-index: 9999; opacity: 0.9; } .ribbons-top-right::before, .ribbons-top-right::after { border-top-color: transparent; border-right-color: transparent; } .ribbons-top-right::before { top: 0; left: 0; } .ribbons-top-right::after { bottom: 0; right: 0; } .ribbons-top-right span { left: -25px; top: 54px; transform: rotate(45deg); background: #e67d01; } .pad-section { padding: 50px 0; } .pad-section img { width: 100%; } .text-vcenter { display: table-cell; text-align: center; vertical-align: middle; height: 930px; z-index: 1; position: relative; } .text-vcenter h1 { font-size: 4.5em; font-weight: 700; color:#fff; margin: 0; padding: 0; } .text-vcenter h3 { font-size: 15px; font-weight: 700; color:#fff; margin: 0; padding: 0; } #home { display: table; position: relative; width: 100%; -webkit-background-size: cover!important; -moz-background-size: cover!important; -o-background-size: cover!important; background-size: cover!important;background-attachment:fixed; } /* *>.parallax_height{ height: 20%; } */ .container.marketing{ margin-bottom: 100px; position: relative;} .container.marketing h3{ text-align: center; margin-top: 80px; margin-bottom: 80px; color: #fff; } .container.marketing h3 big{ font-style:normal; font-weight: 400; font-size: 40px; } .container.marketing h2{ font-weight: 600; font-size: 25px; margin-top: 20px; color: #fff; } .container.marketing h2:after{ content: ' '; display: block; width: 40px; bottom:-10px; /* position the top edge of the element at the middle of the parent */ left:50%; margin-left:-20px; position: absolute; height: 5px; border-style: solid; border-color: #fff; } .container.marketing #searchProperty{ margin-top: 50px; text-align: center; } .container.marketing #searchProperty h4{ color: #fff; font-size: 30px; } .icono-seccion {background: #ca211d; width: 40px; height: 40px; border-radius: 100%; text-align: center; display: inline-block; margin-right: 10px; position: relative; top: -3px;} .icono-seccion i {color: #fff; font-size: 20px; position: relative; top: -3px;} .icono-seccion-sell {background: #ca211d; width: 100px; height: 100px; border-radius: 100%; text-align: center; display: inline-block; margin-right: 10px; position: relative; top: -3px;} .icono-seccion-sell i {color: #fff; font-size: 40px;position: relative;top: 27px;} .price_button{ position: absolute; left: 25px; bottom: 10px; background: #fff; padding: 10px 15px; display: block; border-radius: 5px; color: #a21c19 !important; font-size: 16px; font-weight: 700;box-shadow: 0 0 5px #000; }
/* Mapa interactivo link: ensure icon shows in header nav (desktop dropdown + mobile) */
#ts-primary-navigation ul.ts-child .nav-link i.fa-map-marker-alt,
.first-nav a[href*="ventas/mapa"] i,
.first-nav a[href*="arriendos/mapa"] i { display: inline-block !important; margin-right: 0.25rem; }

/* Header navigation two rows layout */
#navbarPrimary {
    display: flex !important;
    justify-content: flex-end !important;
}

.navbar-nav-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    margin-left: auto;
}

.navbar-nav-rows {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.navbar-row-1 {
    gap: 7px;
}

.navbar-row-1,
.navbar-row-2 {
    display: flex;
    flex-wrap: nowrap;
    margin-top: 0 !important;
    justify-content: flex-end;
}

.navbar-row-2 {
    margin-top: 0;
}

.navbar-search-link {
    margin-left: 1rem;
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

@media (min-width: 768px) {
    .navbar-nav-wrapper .navbar-nav .nav-item {
        border-bottom: none;
    }
    
    .navbar-nav-wrapper .navbar-nav .nav-link {
        font-size: inherit;
        padding: inherit;
    }
}

/* Mobile header full width when viewport < 992px */
@media (max-width: 991px) {
    #ts-header,
    #ts-header .wrapper {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box;
    }
    #ts-header {
        left: 0 !important;
        right: 0 !important;
    }
    #ts-header .header-mobile-bar {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    #ts-header .wrapper .navbar-brand .logo {
        max-width: 220px;
        height: auto;
        width: auto;
    }
}

/* Hero search card on mobile: wider card, button margin */
@media (max-width: 768px) {
    #tabs .row_parallax {
        padding-left: 5% !important;
        padding-right: 5% !important;
    }
    #tabs .hero-search-card .hero-search-btn-wrap {
        margin-top: 12px;
    }
}