/* BUSCADOR INMUEBLES INICIO*/

        ::-webkit-scrollbar{
            width: 4px!important;
            height: 6px!important;   
        }
        ::-webkit-scrollbar-track{
            background-color: transparent!important;
        }
        ::-webkit-scrollbar-thumb{

           background-color: #EE7502!important;
            border-radius: 8px!important; 
        }

        .mat-select-panel {
            max-height: 60vh !important;
          }
          .mat-form-field-label {
            color: rgb(100, 100, 100)!important;
          }
          .mat-form-field-appearance-fill .mat-form-field-infix {
            padding: 0.12em 0 .75em 0!important;
            width: auto;
          }
          .prop-popup {
            max-width: 300px!important;
          }
          .detail-inm-popup-text {
            white-space: normal!important;
        }
        .mapboxgl-popup-close-button {
            font-size: 1pt;
            /* font-weight: 400; */
            color: #ffffff;
        }
        .py-3 {
            padding-bottom: 0rem!important;
          }

          .sat{     

            background-image: url('../img/inmuebles/vista-satelite.jpg');
            background-size: cover;
            border: 2px solid white;
        
        }
        .sat p {
            margin: 0;
            color: white;
            font-size: 0.85rem;
            font-weight: bold;
            text-shadow: 5px 4px 5px #000000;
        }
        .pla{     
        
            background-image: url('../img/inmuebles/vista-mapa.jpg');
            background-size: cover;
            border: 2px solid black;
        
        }
        .pla p {
            margin: 0;
            color: #656565;
            font-size: 0.85rem;
            font-weight: bold;
            text-shadow: 5px 4px 5px #c9c9c9;
        }
        .mapviewtoggle{     

            position: absolute;
            top: 20px;
            right: 20px;
            width: 70px;
            height: 70px;
            border-radius: 10px;
            overflow: hidden;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            align-content: center;
            justify-content: center;
            align-items: center;
            
        }
.hero-search {

    
    width: 100%;
    height: 100vh;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    
}


.hero-search-img {

    
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    background-image: url('../img/inmuebles/bg-buscador.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;

}

.-mt75 {

    margin-top: -100px;

}



.content-hero-search {
  
  z-index: 99;
  color: var(--font-color-light);
  
}


.content-hero-search h1{
  
  font-weight:var(--font-weight-bold);
  font-size: var(--text-3xl);
  color: var(--font-color-light);

}

.content-hero-search p{
  
   color: var(--font-color-light);

}

.content-hero-search .nav-pills ul{
  
    color: var(--font-color-light);
}


.content-hero-search .nav-pills li{
  
   margin:  0px 20px 3px 0px;
}


.content-hero-search .nav-pills a{
  
    color: var(--font-color-light);
}

.init-magic-line,
    .magic-line-inner {
      position: relative;
    }

    .magic-line {
      z-index: -1;
      position: absolute;
    }

    .magic-line-css-transition {
      transition: all .2s ease-in-out;
    }


    

    .magic-line-menu,
    .magic-line-menu-pill,
    .magic-line-inner,
    .magic-line-inner ul {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    flex-direction: row;
    }

    .magic-line-inner ul {
      list-style: none;
    }

    .magic-line-menu a,
    .magic-line-menu-pill a {
      font-weight: 400;
      color: var(--font-color-light);
      cursor: pointer;
      text-align: center;
      padding: 5px 20px;
      display: block;
      text-transform: uppercase;
    }

    .magic-line-menu .active,
    .magic-line-menu-pill .active {
      font-weight: 600;
      
    }

    .magic-line-menu a:hover,
    .magic-line-menu-pill a:hover {
      font-weight: 600;
      color: var(--font-color-light);
      cursor: pointer;
      text-align: center;
      padding: 5px 20px;
      display: block;
    }

    .magic-line {
      
      background: var(--bg-main-rco);
      
    }



    .search-inner{
        
        background-color: rgba(0, 0, 0, 0.2);
        padding: 25px;
        display: flex;
        flex-direction: row;
        align-content: center;
        justify-content: center;
        align-items: center;
       
    }

    .bradius-l {

        border-radius: 10px 0px 0px 10px;


    }

    .bradius-r {

        border-radius: 0px 10px 10px 0px;


    }


    .btn-search {
      
      background: var(--bg-main-rco);
      color: var(--font-color-light);
      position: relative;
      justify-content: center;
      align-items: center;
      border: none;
      padding: 13px 50px 14px 50px;
      max-width: 290px;
      
    }

    .btn-search:hover {
      
      color: var(--font-color-light);


    }

    .btn-search-disabled {

      background-color: rgb(225 149 78); 


    }





/* CUSTOM SELECTS, CHECKBOXES Y OFFCANVAS*/

    .custom-select {
        
        border-right: 1px solid #ffffff;
        border-radius: 0rem;
        padding: 0.775rem 4.25rem 0.775rem 1rem;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ee7502' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
        text-overflow: ellipsis;
    }

    .custom-select:disabled {
        background-color: #ffffff;
        color: #adadad;
    }



      .custom-select2 {
        height: 100%;
        width: 200px;
        min-width: 200px;
        text-overflow: ellipsis;
        margin: 0;
        background-color: var(--bg-filter);
        border: none;
        border-right: 1px solid white;
        border-radius: 0rem;
        padding: 0.575rem 2rem 0.775rem 1rem;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ee7502' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
       
    }


     [aria-label="Municipio"]:focus,[aria-label="Distrito"]:focus  {
       
        min-width: 350px;
       
    }


    
     .custom-select-ord {
        height: 100%;
        width: auto;
        margin: 0;
        background-color: transparent;
        border: none;
        border-radius: 0rem;
        padding: 0.575rem 2.6rem 0.775rem 1rem;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ee7502' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
       text-align: right;
    }


    .disabled-select {

        color: var(--font-color-grey);
        opacity: 0.4!important;

        }




     .custom-filter {
        height: 100%;
        width: 130px;
        margin: 0;
        background-color: var(--bg-main-rco);
        border: none;
        border-radius: 0rem;
        padding: 0.575rem 2.25rem 0.775rem 1rem;
        color: var(--font-color-light);
       
    }




    .filter-retailco {
        position: relative;
        display: flex;
        width: 100%;
        background: var(--bg-filter);
        height: 45px;
        padding: 0px 0;
        top: -2px;
        z-index: 999;

    }

    .filter-retailco-blq{
        position: relative;
        display: flex;
        height: 45px;
        overflow-x: auto;
      
    }



    .filter-retailco-blq-inner  {
        
        display: flex;
       
    }


  

    .modal-backdrop {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 99999;
        width: 100vw;
        height: 100vh;
        background-color: #000;
        z-index: 99999;
    }


    .offcanvas {
        position: fixed;
        bottom: 0;
        z-index: 999999;
        display: flex;
        flex-direction: column;
        max-width: 100%;
        visibility: hidden;
        background-color: var(--bg-filter);
        background-clip: padding-box;
        outline: 0;
        transition: transform 0.3s ease-in-out;
    }

    .form-check-input:checked {
        background-color: var(--bg-main-rco);
        border-color: var(--bg-main-rco);
    }

    .btns-filter {

        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-content: center;
        justify-content: center;
        align-items: center;


    }

     .btns-filter-del:before{
        content: "\2715";
        font-size: 25px;
        margin-right: 10px;
        position: relative;
        top: 3px;
        font-weight: 600;


    }




/* MULTI RANGE SLIDER*/
 
 
.om-sliderrange {
    min-height: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.om-sliderrange-range {
    height: 5px;
    position: relative;
    margin: 8px 4px;
}

.om-sliderrange-display {
    display: flex;
    justify-content: space-between;
    margin: 0px 10% 0;
    font-size: var(--text-base);
}

.om-sliderrange-range:before {
    display: block;
    content: '';
    height: 5px;
    border-radius: 4px;
    background: #c2c0c2;
}

.om-sliderrange-range-indicator {
    height: 5px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    background: var(--bg-main-rco);
}

.om-sliderrange-button-start,
.om-sliderrange-button-end {
    cursor: pointer;
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 12px;
    background: var(--bg-main-rco);
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: visible;
    border: 1px solid transparent;

}

.om-sliderrange-button-start:hover,
.om-sliderrange-button-end:hover {
    
    border: none!important;
}

.om-sliderrange-button-start:focus,
.om-sliderrange-button-end:focus {
    
    border: none!important;
}


/* MODAL FORMULARIO INMUEBLE CONTACTO*/

    .modalcontact {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999!important;
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
}





 /* SPLIT GENERAL*/


     .map-items-blq {

        
        padding: 0;
        position: fixed;
        /* height: 100vh; */
        width: 100%;
        margin-top: -2px;


    }

    .btns-map-list {

        display: none;


    }



  /* SPLIT 1 MAP*/


    .split1-map {

        background-color: #f1f1f1;
        width: 50%;
        height: 100%;
        float: left;
        position: relative;
        display: inline-block;
        overflow: hidden;

    }

    .detail-inm-popup {
        display: none;
        bottom: auto;
        left: 1.5rem;
        position: absolute;
        top: 1rem;
        width: 20rem;
        height: 20rem;
        background-color: white;
        border-radius: 5px;
        -webkit-box-shadow: 10px 10px 11px -6px rgba(161,161,161,1);
        -moz-box-shadow: 10px 10px 11px -6px rgba(161,161,161,1);
        box-shadow: 10px 10px 11px -6px rgba(161,161,161,1);
        


    }

     .detail-inm-popup-img {

        position: relative;
        height: calc(100% - 90px);
        width: 100%;
        overflow: hidden;
        border-radius: 7px 7px 0px 0px;
        display: flex;


    }

     .detail-inm-popup-img .priceLoc{
      
        font-size: var(--text-3xl);
        margin-bottom: 2px;
        position: absolute;
        bottom: 0;
        padding: 20px 10px 10px 20px;
        color: var(--font-color-light);
        text-shadow: 1px 1px 2px rgba(62, 62, 62, 1);


    }

     .detail-inm-popup-text {

        position: relative;
        width: 100%;
        display: block;
        flex-direction: column;
        flex-wrap: wrap;
        align-content: flex-start;
        justify-content: center;
        align-items: flex-start;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
       
    }

     .detail-inm-popup-text .nameLoc{
      
        font-size: var(--text-sm);
        margin-bottom: 2px;

    }

     .detail-inm-popup-text .streetLoc{
      
        font-size: var(--text-sm);
        color: var(--font-color-grey);
        font-size: 0.875rem;
        font-weight: var(--font-weight-normal);
        text-overflow: ellipsis;
        overflow: hidden;

    }


    .detail-inm-popup .btn-close {
        box-sizing: content-box;
        position: absolute;
        width: 1em;
        height: 1em;
        padding: 0.55em 0.55em;
        color: #ffffff!important;
        border: 0;
        border-radius: 0.25rem;
        opacity: 1;
        z-index: 1;
        right: 0.7rem;
        top: 0.7rem;
        background-color: rgba(255, 255, 255, 0.6);

}


/* SPLIT 2 INMUEBLES*/


    .split2-real-state {

        background-color: #f5f5f5;
        width: 50%;
        height: 100%;
        float: right;
        position: relative;
        display: inline-block;
        overflow: scroll;
        padding: 10px 10px 160px 10px;

    }

    .real-state-blq-inner {

       border-radius: 5px;
       box-shadow: -1px 2px 3px 0px rgb(219 219 219);
            


    }

    .featured {

        background-color: #f5f5f5;
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: center;
        justify-content: space-around;
        align-items: center; 
        padding: 15px;  


    }

     .map-state {

        font-size: var(--text-sm);
        cursor: pointer;

    }



    .map-state:before {

        background-image: url('../img/icon-map-color.svg');
        background-size: 25px 25px; 
        display: inline-block;
        width: 25px; 
        height: 25px;
        content:"";
        position: relative;
        top: 5px;
        margin-right: 10px



        }


        .page-link {
        position: relative;
        display: block;
        color: var(--font-color-base);
        text-decoration: none;
        background-color: #fff;
        border: 1px solid #dee2e6;
        transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        }



        .page-item.active .page-link {
        z-index: 3;
        color: #fff;
        background-color: var(--bg-main-rco);
        border-color: var(--bg-main-rco);
        }


        .page-item .page-link:hover {
        background-color: #fff;
        border: 1px solid #dee2e6;
        color: var(--font-color-rco);
     
        }





  /* INMUEBLES INTERIOR*/

  .datos-inmue {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    align-content: center;
    flex-wrap: wrap;

}



.det-inmue {

    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start;
    align-items: flex-start;
    line-height: 15px;

}

.det-inmue-back-map {

    width: 50px;
    height: 50px;
    background-color: #ebebeb;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    transition: all 0.2s;

}

.det-inmue-back-map:hover{

   
    background-color: var(--bg-main-rco);
    
}

.det-inmue-nomb {

    position: relative;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: flex-start;
    margin: 0px 20px 0px 20px;
    

}

.det-inmue-nomb-inner {

    position: relative;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: flex-start;
    
}

.det-inmue-nomb-inner img{

    margin-right: 10px;
    

}


.det-inmue-back-map img{

    transform: rotate(180deg);

}


/* botón inmuebles */

.det-inmue-btn {
  
  
  overflow: hidden;
  position: relative;
  justify-content: center;
  align-items: center;
  border: none;
  padding: 10px 30px 10px 30px;
  border-radius: 10px;
  background-color: var(--bg-main-rco);


  
}


.inmue-content {

  position: relative;
  display: flex;
  padding: 0px 0px 0px 0px;
  flex-wrap: wrap;

}

.inmue-content h3 {

  margin-bottom: 0;
  font-size: var(--text-lg);


}

.inmue-content-blq1 {

    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    align-content: flex-start;


}

.inmue-content-blq1 .datos-clave{

    position: relative;
    display: flex;
    padding: 25px;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
   justify-content: space-around;
    align-items: center;



}


.inmue-content-blq1-inner1 {

    padding: 10px 30px 30px 30px



}



.inmue-content-blq2 {

    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    align-content: flex-start;


}


.inmue-content-blq2-inner1 {

    position: relative;
    display: flex;
    padding: 25px;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    background-color: #E9E9E9;


}


.inmue-content-blq2-inner2 {


    position: relative;
    display: flex;
    padding: 25px;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
   

}



.video-blq-inm {
    position: relative;
    padding-bottom: 56.25%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */
    height: 0;
    overflow: hidden;
}

.video-blq-inm iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0%;
    left: 0%;
}


/* RESPONSIVE */

@media (min-width: 1900px) {
    
.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {max-width: 1200px!important;}

}

@media (max-width: 1200px) {

.split1-map {display: none;width: 100%;}
.split2-real-state {width: 100%;}
.split2-real-state {padding: 0px 0px 300px 0px;}
.filter-retailco {top: 76px;position: fixed; }
.map-items-blq {top: 123px;}
.map-state {display: none;}
.btns-map-list {    display: block;position: fixed;width: 100%;background-color: transparent;height: 50px;bottom: 20px;display: flex;flex-direction: column;flex-wrap: wrap;align-content: center;justify-content: center;align-items: center;padding: 0;}
.btn-map-mbl, .btn-state-mbl {width: 90px;background-color: var(--bg-main-rco);height: 45px;position: absolute; bottom: 0px!important;border-radius: 35px;display: flex;flex-direction: column;flex-wrap: wrap;align-content: center;justify-content: center;align-items: center;-webkit-box-shadow: 5px 10px 8px -11px rgba(107,107,107,1);-moz-box-shadow: 5px 10px 8px -11px rgba(107,107,107,1);box-shadow: 5px 10px 8px -11px rgba(107,107,107,1);}
.split2-real-state {overflow: auto!important;}

}

@media (max-width: 991px) {

.-mt75 {margin-top: 0px;}
.det-precio {justify-content: center;}
.video-blq iframe {height: 51.25vw;}
.bradius-l {border-radius: 0px 0px 0px 0px;}
.bradius-r {border-radius: 0px 0px 0px 0px;}
.search-inner {flex-direction: column;}
.search-inner .custom-select {margin-bottom: 10px;border-radius: 5px;}
.btn-search { max-width:  none; width: 100%;border-radius: 5px;}
.map-items-blq {position: relative; width: 100%;margin-top: -2px;overflow-y: scroll;}
.inmue-content {padding: 0px 0px 50px 0px;}
.inmue-content-blq2-inner1,.inmue-content-blq2-inner2 {padding: 20px;}
.inmue-content-blq2-inner1 h3, .inmue-content-blq2-inner2 h3{margin-bottom: 0; font-size: var(--text-sm);}


}


@media (max-width: 767px) {


}


@media (max-width: 576px) {

.content-hero-search h1{font-size: var(--text-2xl);}
.det-inmue-back-map {width: 40px;height: 40px;}
.inmue-content-blq1 h3 {font-size: var(--text-sm);}
.inmue-content-blq2 {position: fixed;bottom: 0;z-index: 99999;}
.inmue-content-blq2-inner1 {display: none;}
.inmue-content-blq2-inner2 {position: fixed;padding: 20px;bottom: 0;}
.inmue-content-blq2-inner2 h3{margin-bottom: 0; font-size: var(--text-xs);}
.detail-inm-popup {width: calc(100% - 50px);}


}